पर लाइनों को तोड़ने के लिए कैसे करें मेरे पास कुछ तालिका कक्ष हैं जो इस तरह स्वरूपित दिनांक हैं: 200 9-01-01। आईई 7 हाइफ़न पर दो लाइनों में तोड़ रहा है। क्या इसे बंद करने का कोई तरीका है?एचटीएमएल टेबल्स - आईई को हाइफ़न
उत्तर
आप white-space
property की तलाश में हैं, जो आपको इस बात पर नियंत्रण देता है कि सफेद स्थान और रेखा-ब्रेक आपके तत्व की सामग्री को कैसे प्रभावित करते हैं। सफेद स्थान दृश्यों को संक्षिप्त करने के लिए, लेकिन लाइन टूट जाता है को रोकने के लिए, आप nowrap
मान का उपयोग कर सकते हैं:
.dates {
white-space: nowrap;
}
<td class="dates">2009-01-01</td>
मैं वहाँ एक बेहतर सीएसएस रास्ता लेकिन पुराने तरीके से नो-ब्रेक के साथ है यकीन है: <nobr>...</nobr>
लेकिन नो-ब्रेक का उपयोग करने से अगली पंक्ति पर जाने के लिए कुछ भी का कारण नहीं होगा।
एक और तरीका Non-breaking hyphen का उपयोग करना है। इस तरह, आप अभी भी हाइफ़न पर नहीं, लपेट सकते हैं।
उपयोग इस सीएसएस: <span class="nowrap">2009-01-01</span>
:
.nowrap {
white-space: nowrap;
}
की तरह अपनी तिथियाँ लपेटें।
संपादित करें: दूसरों के ऊपर इस समाधान का लाभ यह है कि यह आपको अधिक सटीक नियंत्रण देता है कि क्या लपेटना चाहिए या नहीं। आपकी कोशिकाएं अभी भी रिक्त स्थान के बाहर रिक्त स्थान और अन्य हाइफ़न के लिए लपेट सकती हैं।
वृद्धि अपने टीडी के आकार और यह एक समस्या
-1 यह 3 अपवॉट्स मिला ... वास्तव में? –
यह नहीं अपने सवाल का जवाब देने का सही तरीका है हो नहीं होते, लेकिन यह कैसे मैं यह कर रहा है:
<td>Hello - World</td>
मुझे पसंद है यह विधि बेहतर है क्योंकि आपको <style>
या कक्षा विशेषता जोड़ने की आवश्यकता नहीं है। साथ ही, यह पाठ एक स्ट्रिंग बनाता है ताकि यह ब्राउज़र द्वारा लिपटे लाइन न हो।
जैसा कि मैंने कहा, ज्यादातर लोग असहमत होंगे, लेकिन मुझे लगता है कि यह एक मानक समाधान मानक समाधान से बेहतर है।
आपके द्वारा प्रस्तावित समाधान रिक्त स्थान जोड़ता है जहां प्रश्न में कोई भी नहीं था, और यह शायद हाइफ़न पर लपेटने की अनुमति देता है। – eyelidlessness
मेरी बेवकूफ गलती यह थी कि मैं पैडिंग के साथ रिक्ति सेट के रूप में रिक्त स्थान डालना भूल गया था। मुझे <span>Bla 1</span><span>Bla 2</span><span>Bla 4</span>
पसंद आया था और यह लाइन तोड़ नहीं रहा था जैसा मैंने सोचा था। तो अब मेरे पास है:
<span>Bla 1</span> <span>Bla 2</span> <span>Bla 4</span>
और निश्चित रूप से यह काम करता है और अनुमान लगाया जाता है।
शायद मेरी गलती किसी की मदद करेगी ....
मैंने इन सभी सुझावों का प्रयास किया है। कोई काम नहीं किया। किसी अन्य स्टैक ओवरफ़्लो पृष्ठ पर समाधान मिला: No line-break after a hyphen। आप गैर-ब्रेकिंग हाइफ़न, ‑
के लिए कोड का उपयोग कर सकते हैं।
- 1. हाइफ़न
- 2. स्पेस को हाइफ़न
- 3. एचटीएमएल - दो टेबल्स क्षैतिज साइड साइड
- 4. बटन एचटीएमएल आईई 7
- 5. एचटीएमएल मुद्दों आईई
- 6. एसक्यूएल सॉर्टिंग और हाइफ़न
- 7. व्हाइटस्पेस और हाइफ़न
- 8. क्यों अजगर हाइफ़न
- 9. पिवोट टेबल्स?
- 10. Azure टेबल्स
- 11. एचटीएमएल 5 ड्यूट टाइप आईई 8
- 12. जावास्क्रिप्ट का उपयोग कर कस्टम एचटीएमएल तत्वों को पढ़ना आईई
- 13. साउंडक्लाउड एचटीएमएल 5 प्लेयर आईई 9
- 14. आईई और एचटीएमएल 5 डॉक्टरेट मुद्दे
- 15. आईई
- 16. रेगेक्स - क्या हाइफ़न बच निकलेगा?
- 17. रेगेक्स लोअरकेस पत्र और हाइफ़न
- 18. आईई 7 और आईई 8
- 19. आईई
- 20. चेनड हैश टेबल्स बनाम ओपन-एड्रेस किए गए हैश टेबल्स
- 21. एचटीएमएल/jQuery टेबल्स: क्षैतिज स्क्रॉल करें, पहले (बाएं) कॉलम को ठीक करें
- 22. मौजूदा टेबल्स विभाजन
- 23. कैसे करता है, तो SQL सर्वर टेबल्स सिस्टम टेबल्स
- 24. Django टेबल्स - कॉलम फ़िल्टरिंग
- 25. बैश आउटपुट टेबल्स
- 26. विंडोज़ एज़ूर टेबल्स,
- 27. MYSQL फ्लश टेबल्स
- 28. हाइबरनेट मानदंड 3 टेबल्स
- 29. एसक्यूएल टेबल्स जुड़ें
- 30. आईई
गैर-ब्रेकिंग हाइफ़न जाने का तरीका है। +1 – Borgar