सही ढंग से इकाई को संख्या में जोड़ना - सीएसएस-ट्रिक्स

Anonim

किसी इकाई रहित संख्या को लंबाई, अवधि, कोण या किसी भी रूप में परिवर्तित करते समय, लोग बस एक स्ट्रिंग के रूप में इकाई को जोड़ते हैं, जैसे:

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

जब यह विधि काम करती है, तो यह आदर्श से बहुत दूर है क्योंकि इसके परिणामस्वरूप प्रारंभिक मूल्य को स्ट्रिंग के रूप में माना जाता है। वास्तव में, यदि आप $lengthअभी से मूल्य के साथ गणित करने की कोशिश करते हैं, तो आप देखेंगे कि सैस जल्दी से एक त्रुटि फेंकता है क्योंकि यह स्ट्रिंग के साथ गणित ऑपरेटर नहीं कर सकता है।

इस समस्या को हल करने के लिए, इसे ठीक से करने के दो तरीके हैं:

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

उन तरीकों में से कोई भी सही ढंग से एक नंबर का उत्पादन करेगा जैसा कि अपेक्षित है और एक स्ट्रिंग नहीं है।