सीएसएस: टेक्स्ट को 1 से अधिक लाइन लेने से कैसे रोकें?

Question

क्या कोई शब्द-लपेट या कोई अन्य विशेषता है जो पाठ को लपेटने से रोकती है? मेरे पास ऊंचाई है, और overflow:hidden है, और पाठ अभी भी टूट जाता है।

CSS3 से पहले, सभी ब्राउज़रों में काम करने की आवश्यकता है।

Answer 1

div { 
 
    white-space: nowrap; 
 
    overflow: hidden; 
 
}

<div>test that doesn't wrap</div>

नोट: ब्लॉक तत्वों पर यह केवल काम करता है। यदि आपको तालिका कक्षों (उदाहरण के लिए) में ऐसा करने की आवश्यकता है तो आपको टेबल सेल के अंदर एक div डालना होगा क्योंकि तालिका कक्षों में टेबल-सेल प्रदर्शित नहीं होता है।

CSS3 के रूप में, यह तालिका कक्षों के लिए भी समर्थित है।

Answer 2

कभी-कभी रिक्त स्थान के बजाय   का उपयोग करना काम करेगा। स्पष्ट रूप से इसमें कमी है, हालांकि।

Answer 3

आप इसे प्राप्त करने के लिए CSS white-space Property का उपयोग कर सकते हैं।

white-space: nowrap 

Answer 4

इलिप्सिस का उपयोग करके ... आखिरी बार जोड़ दिया जाएगा।

<style type="text/css"> 
    div { 
     white-space: nowrap; 
     overflow: hidden; 
text-overflow: ellipsis; 
    } 
    </style>