Menambah Unit dengan Nombor - Trik CSS

Anonim

Semasa menukar nombor tanpa unit menjadi panjang, durasi, sudut atau apa sahaja, orang cenderung hanya menambahkan unit sebagai tali, seperti ini:

$value: 42; $length: $value + px; // 42px

Walaupun kaedah ini berfungsi, ia jauh dari ideal kerana ia menghasilkan nilai awal secara implisit sebagai rentetan. Memang, jika anda mencuba melakukan matematik dengan $lengthnilainya mulai sekarang, anda akan melihat bahawa Sass dengan cepat membuang ralat kerana tidak dapat melakukan pengendali matematik dengan rentetan.

Untuk mengatasi masalah ini, terdapat dua cara untuk melakukannya dengan betul:

$value: 42; $length: $value + 0px; // 42px
$value: 42; $length: $value * 1px; // 42px

Mana-mana kaedah tersebut akan menghasilkan nombor dengan betul seperti yang diharapkan dan bukan rentetan.