Σωστή προσθήκη μονάδας στον αριθμό - CSS-Κόλπα

Anonim

Κατά τη μετατροπή ενός αριθμού χωρίς μονάδα σε μήκος, διάρκεια, γωνία ή οτιδήποτε άλλο, οι άνθρωποι τείνουν να προσαρτούν απλώς τη μονάδα ως συμβολοσειρά, όπως αυτή:

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

Ενώ αυτή η μέθοδος λειτουργεί, απέχει πολύ από την ιδανική, διότι οδηγεί σιωπηρά στην αρχική τιμή ως συμβολοσειρά. Πράγματι, αν προσπαθήσετε να κάνετε μαθηματικά με την $lengthτιμή από εδώ και στο εξής, θα δείτε ότι ο Sass ρίχνει γρήγορα ένα σφάλμα επειδή δεν μπορεί να κάνει τελεστές μαθηματικών με μια συμβολοσειρά.

Για να επιλύσετε αυτό το ζήτημα, υπάρχουν δύο τρόποι να το κάνετε σωστά:

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

Οποιαδήποτε από αυτές τις μεθόδους θα παράγει σωστά έναν αριθμό όπως αναμένεται και όχι μια συμβολοσειρά.