सीएसएस: 1 लाइन

Question

पर तत्व को सीमित करें, मैं एक विशिष्ट ऊंचाई निर्धारित किए बिना शेष छिपा हुआ (अतिप्रवाह: छुपा) के साथ पाठ की केवल 1 पंक्ति प्रदर्शित करने के लिए तत्व को सीमित करना चाहता हूं। क्या यह सिर्फ सीएसएस के साथ संभव है?

Answer 1

यह संभव है। इसका अर्थ यह है कि आपके पास पाठ की एक पंक्ति होगी जबतक कि आप अतिप्रवाह घोषणा के अलावा कुछ निर्दिष्ट नहीं करते हैं जो आपके टेक्स्ट को लपेटने का कारण बन सकता है।

संपादित करें: मैं आवश्यक लेखन-स्थान शामिल करने में विफल रहा: अब्राप संपत्ति, अन्यथा डिफ़ॉल्ट यह है कि एक कंटेनर क्षैतिज रूप से विपरीत रूप से विरोध करेगा।

Answer 2

यदि आप टेक्स्ट रैपिंग को अक्षम करना चाहते हैं, तो white-space: nowrap; का उपयोग करें। जिसका मतलब है कि खाली स्थान के के सभी रन एक भी अंतरिक्ष चरित्र को ध्वस्त कर रहे हैं

element (white-space: nowrap; overflow: scroll;) 

पाठ HTML या XML के रूप में पार्स tokenized है,:

Answer 3

p#foo { 
    white-space:nowrap; 
    overflow:hidden; 
} 

Answer 4

प्रदर्शन ब्लॉक का उपयोग करें ताकि यह आपके मूल तत्व से परे नहीं जा सके।

p#foo{ 
    white-space: nowrap; 
    overflow: hidden; 
    display: block; 
    text-overflow: ellipsis; 
}