Az egység helyes hozzáadása a számhoz CSS-trükkök

Anonim

Ha az egység nélküli számot hosszúságra, időtartamra, szögre vagy bármi másra konvertálják, az emberek hajlamosak egyszerűen az egységet stringként fűzni, így:

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

Bár ez a módszer működik, korántsem ideális, mert a kezdeti értéket implicit módon karakterláncként adja át. Valójában, ha $lengthmostantól megpróbálja az értékkel matekot végezni , akkor látni fogja, hogy a Sass gyorsan hibát dob, mert nem tud matematikai operátorokat végrehajtani karakterlánccal.

A probléma kiküszöbölésére kétféle módon lehet ezt megfelelően csinálni:

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

Ezen módszerek bármelyike ​​helyesen állítja elő a várt számot, nem pedig karakterláncot.