2010-04-27 16 views
17

एम डैश और एन डैश है। क्या & nbsp; के बराबर "एन" है;? क्या en शुद्ध असीसी 32 के बराबर है?एचटीएमएल में छोटे स्पेस कैसे बनाएं?

123<span class="spanen">&nbsp;</span>456<span class="spanen">&nbsp;</span>789 

या इस:

मैं एक बेहतर तरीका यह लिखना चाहते

123<span class="spanen"> </span>456<span class="spanen"> </span>789 
+1

''   के लिए एन अंतरिक्ष, ''   उन्हें अंतरिक्ष, और 'और puncsp के लिए;' विराम चिह्न अंतरिक्ष के लिए। अधिक जानकारी के लिए http://stackoverflow.com/q/8515365/632951 देखें। बीटीडब्ल्यू, * शुद्ध एसीआई 32 के बराबर * * का मतलब क्या है? – Pacerier

उत्तर

17

हैक्स है कि कोई मतलब प्रयोग न करें। आप कुछ शब्दों को अलग करना चाहते हैं, मैं तुम्हें सीएसएस संपत्ति word-spacing का उपयोग करने का सुझाव:

.strangeNumbers { 
 
    word-spacing: 0.5em; 
 
}
<span class="strangeNumbers">123 456</span>

+0

क्या आप जानते हैं कि सभी आधुनिक ब्राउज़र ऐसा करते हैं या नहीं? – user89021

+2

हां, वे करते हैं, यहां तक ​​कि आईई 6 भी। – Boldewyn

+1

बेशक आपको यह सुनिश्चित करने के लिए 'व्हाइट-स्पेस: नाइट्रैप' का उपयोग करना होगा, यह संख्या दो पंक्तियों में विभाजित नहीं होगी। – Maciej

38

&thinsp; (पतली अंतरिक्ष)

और &nbsp; करना चाहिए के साथ के रूप में एक ही नहीं है &mdash; (-), संख्याओं को अलग करने के लिए आपको एक संकीर्ण नो-ब्रेक स्पेस (यू + 202 एफ) का उपयोग करना चाहिए।

जैसा कि अन्य लोगों ने उल्लेख किया है, आप अपनी रिक्त स्थान की चौड़ाई को परिभाषित करने के लिए सीएसएस संपत्ति word-spacing का उपयोग बंद कर रहे हैं। यह शायद white-space:no-break;

+0

यह वही था जो मैं पहली जगह में ढूंढ रहा था। लेकिन मैंने सीएसएस जवाब स्वीकार कर लिया, क्योंकि यह भी बेहतर है और सवाल का जवाब भी दे रहा है कि मैंने इसे कैसे लिखा। – user89021

+0

जैसा कि मैंने कहा मेरा उत्तर में: शब्द-रिक्ति और सफेद-अंतरिक्ष गुण – knittl

11

यूनिकोड वर्ण U + 2002 एन स्पेस (&#x2002;, &#8194; या के रूप में एंटिटी संदर्भ &ensp;) एन चौड़ाई के साथ एक जगह नहीं है के साथ गठबंधन करने के लिए एक अच्छा विचार है।

+0

यहाँ एक ही साथ जाना: इस मैं पहली जगह में वास्तव में क्या ढूंढ रहा था। लेकिन मैंने सीएसएस जवाब स्वीकार कर लिया, क्योंकि यह भी बेहतर है और सवाल का जवाब भी दे रहा है कि मैंने इसे कैसे लिखा। – user89021

+0

हालांकि, यह बिल्कुल बाद में एक छोटी सी जगह नहीं है। –

2

आप इस तरह में अपने सीएसएस बदल सकता है:

.spanen{word-spacing:.6em;} 
+0

ऑस्टिन, धन्यवाद। यह स्वीकार्य उत्तर के समान ही है। दूसरा पहले था, तो मैं – user89021

+0

+1 क्या कर सकता हूं: माफ़ी, लेकिन मेरा पहले नहीं था। जब मैंने अपना जवाब पोस्ट किया तो मैंने ऑस्टिन को देखा, और मेरा एकमात्र कारण मैंने मेरा नहीं हटाया था, मुझे लगा कि मेरा थोड़ा और पूरा हो गया था। – ANeves

+0

कोई समस्या नहीं, मैं पूरी तरह से समझता हूं। –

0
&thinsp; 

... और विभिन्न अन्य गैर मानक अंतरिक्ष वर्ण ठीक से कुछ में लागू नहीं कर रहे हैं निश्चित फोंट।

इससे वेब ब्राउज़र पर आपके प्रतिपादन को अनियंत्रित तरीके से समाप्त कर दिया जाएगा, और आप फ़ॉन्ट के बारे में विशिष्ट होने के द्वारा इसे ठीक नहीं कर सकते हैं, क्योंकि आप वेब पर वास्तविक फ़ॉन्ट का उपयोग नहीं कर सकते हैं ब्राउज़र — भले ही आप फ़ॉन्ट-नाम या फ़ॉन्ट-परिवार निर्दिष्ट करते हैं, इसका मतलब यह नहीं है कि उनके पास फ़ॉन्ट फ़ॉन्ट जैसा है।

लेकिन आप अपने इच्छित आकार के 100% असंगत स्थान का निर्माण कर सकते हैं, हालांकि, और यह बहुत आसान है। em मान वर्तमानfont-size है। यह ऊंचाई है, लेकिन जो भी फ़ॉन्ट की चौड़ाई है, यह हमेशा एक निश्चित चौड़ाई फ़ॉन्ट में ऊंचाई के अनुरूप एक स्थिर है। तो आप इसका लाभ उठा सकते हैं।

यहाँ कैसे है कि सब कुछ साथ काम करता है एक निश्चित-चौड़ाई फ़ॉन्ट के संदर्भ में एक 1/2 चौड़ाई, नॉन-ब्रेकिंग स्पेस बनाने के लिए है।मैं इसे एक अवधि के style="" विकल्प में लागू दिखाने के लिए, लेकिन निश्चित रूप से आप इसके उपयोग कम अनाड़ी बनाने के लिए के बजाय एक CSS वर्ग बना सकते हैं:

<span style="font-size: .5em;">&nbsp;</span> 

यहाँ कैसे एक 1/4 चौड़ाई, गैर तोड़ने जगह बनाने के लिए है :

<span style="font-size: .25em;">&nbsp;</span> 

... और इसी तरह।

यह हमेशा अंतरिक्ष के साथ काम करता है वर्तमान पूर्ण-चौड़ाई अंतरिक्ष तुलना में छोटे आकार क्योंकि चरित्र लाइन पर अन्य पात्रों की तुलना में कम है, तो वे पंक्ति रिक्ति, नहीं कम चरित्र नियंत्रित करते हैं।

यदि आप एक स्थान की जगह व्यापक एक स्पेस चाहते हैं, तो पूर्ण रिक्त स्थान और छोटी रिक्त स्थान के संयोजन का उपयोग करें। आप एक व्यापक स्थान प्राप्त करते हैं अगर आप 1.5em की तरह कुछ का उपयोग, आप भी एक लम्बे स्थान मिलेगा, और इतना है कि पंक्ति रिक्ति को प्रभावित करेगा।

हालांकि यह समाधान कष्टप्रद रूप से बोझिल है, इसकी वांछित विशेषता है काम कर रहे — जो अन्य कोई भी नहीं करता है।

संबंधित मुद्दे