एचटीएमएल टेबल्स - आईई को हाइफ़न

Question

पर लाइनों को तोड़ने के लिए कैसे करें मेरे पास कुछ तालिका कक्ष हैं जो इस तरह स्वरूपित दिनांक हैं: 200 9-01-01। आईई 7 हाइफ़न पर दो लाइनों में तोड़ रहा है। क्या इसे बंद करने का कोई तरीका है?

Answer 1

आप white-space property की तलाश में हैं, जो आपको इस बात पर नियंत्रण देता है कि सफेद स्थान और रेखा-ब्रेक आपके तत्व की सामग्री को कैसे प्रभावित करते हैं। सफेद स्थान दृश्यों को संक्षिप्त करने के लिए, लेकिन लाइन टूट जाता है को रोकने के लिए, आप nowrap मान का उपयोग कर सकते हैं:

.dates { 
    white-space: nowrap; 
} 

<td class="dates">2009-01-01</td> 

Answer 2

मैं वहाँ एक बेहतर सीएसएस रास्ता लेकिन पुराने तरीके से नो-ब्रेक के साथ है यकीन है: <nobr>...</nobr> लेकिन नो-ब्रेक का उपयोग करने से अगली पंक्ति पर जाने के लिए कुछ भी का कारण नहीं होगा।

एक और तरीका Non-breaking hyphen का उपयोग करना है। इस तरह, आप अभी भी हाइफ़न पर नहीं, लपेट सकते हैं।

Answer 3

उपयोग इस सीएसएस: <span class="nowrap">2009-01-01</span>:

.nowrap { 
    white-space: nowrap; 
} 

की तरह अपनी तिथियाँ लपेटें।

संपादित करें: दूसरों के ऊपर इस समाधान का लाभ यह है कि यह आपको अधिक सटीक नियंत्रण देता है कि क्या लपेटना चाहिए या नहीं। आपकी कोशिकाएं अभी भी रिक्त स्थान के बाहर रिक्त स्थान और अन्य हाइफ़न के लिए लपेट सकती हैं।

Answer 4

वृद्धि अपने टीडी के आकार और यह एक समस्या

Answer 5

यह नहीं अपने सवाल का जवाब देने का सही तरीका है हो नहीं होते, लेकिन यह कैसे मैं यह कर रहा है:

<td>Hello&nbsp;-&nbsp;World</td> 

मुझे पसंद है यह विधि बेहतर है क्योंकि आपको <style> या कक्षा विशेषता जोड़ने की आवश्यकता नहीं है। साथ ही, यह पाठ एक स्ट्रिंग बनाता है ताकि यह ब्राउज़र द्वारा लिपटे लाइन न हो।

जैसा कि मैंने कहा, ज्यादातर लोग असहमत होंगे, लेकिन मुझे लगता है कि यह एक मानक समाधान मानक समाधान से बेहतर है।

Answer 6

मेरी बेवकूफ गलती यह थी कि मैं पैडिंग के साथ रिक्ति सेट के रूप में रिक्त स्थान डालना भूल गया था। मुझे <span>Bla 1</span><span>Bla 2</span><span>Bla 4</span>
पसंद आया था और यह लाइन तोड़ नहीं रहा था जैसा मैंने सोचा था। तो अब मेरे पास है:
<span>Bla 1</span> <span>Bla 2</span> <span>Bla 4</span>
और निश्चित रूप से यह काम करता है और अनुमान लगाया जाता है।

शायद मेरी गलती किसी की मदद करेगी ....

Answer 7

मैंने इन सभी सुझावों का प्रयास किया है। कोई काम नहीं किया। किसी अन्य स्टैक ओवरफ़्लो पृष्ठ पर समाधान मिला: No line-break after a hyphen। आप गैर-ब्रेकिंग हाइफ़न, ‑ के लिए कोड का उपयोग कर सकते हैं।