मुझे अलग अंडरस्कोर

Question

की आवश्यकता है, मैं उपयोगकर्ता को कई अंडरस्कोर प्रदर्शित करना चाहता हूं ताकि उन्हें यह बताने के लिए कि लंबाई की आवश्यकता को पूरा करने के लिए उन्हें कितने अक्षर भरने की आवश्यकता है।

मेरी समस्या यह है: अंडरस्कोर रिक्त स्थान से अलग नहीं होते हैं।

प्रश्न: मैं किस फ़ॉन्ट या सीएसएस शैली का उपयोग करूँ? ताकि मेरे अंडरस्कोर को आसानी से गिना जा सके?

Answer 1

आप तत्व में विभिन्न वर्णों को अलग करने के लिए बस letter-spacing: 0.4em; का उपयोग कर सकते हैं। मैं आपको एक input तत्व का उपयोग कर रहे संभालने रही है, इसलिए:

input { 
    letter-spacing: 0.4em; /* or whatever measurement you prefer... */ 
} 

JS Fiddle demo।

संदर्भ:

• letter-spacing at the MDC।

Answer 2

सीएसएस संपत्ति letter-spacing का उपयोग करें।

दृश्य उदाहरण: http://jsfiddle.net/8w9WY/