सीएसएस कोई टेक्स्ट रैप

कृपया नीचे दिए गए उद्धरण कोड http://jsbin.com/eveqe3/edit देखें।सीएसएस कोई टेक्स्ट रैप

मुझे आइटम divs के अंदर टेक्स्ट को इस तरह से दिखाने की ज़रूरत है कि पाठ केवल हरे रंग के बॉक्स में दिखाई दे, जिसमें निर्दिष्ट चौड़ाई शेष रेखा को छुपाया जाना चाहिए। कोई सुझाव कृपया ...

<style> 
    #container{ 
    width : 220px; 
    } 
    .item{ 
    float:left; 
    border: 1px solid #0a0; 
    width: 100px; 
    height: 12px; 
    padding 2px; 
    margin: 0px 2px; 
    } 
    .clearfix{ 
    clear: both; 
    } 
</style> 
</head> 
<body> 
    <div id="container"> 
    <div class="item"> A very loooooooooooooooooooooong text </div> 
    <div class="item"> Another looooooooooooooooooooong text </div> 
    <div class="clearfix"> </div> 
    </div> 
</body> 
</html>

स्रोत

2010-07-22 Mithun Sreedharan

बस एक FYI करें, यदि आप 12px करने के लिए अपने ऊंचाई निर्धारित करते हैं, 2px गद्दी के साथ font-size का उपयोग करना चाहिए: 10px तो सीमा करता है पात्रों के नीचे कवर नहीं है। मैं ईएम को माप के रूप में उपयोग करना पसंद करता हूं, हालांकि यह उपयोगकर्ता परिवर्तनों पर बेहतर है। –

अपने परिणाम को अपने सभी लक्षित ब्राउज़रों में देखना सुनिश्चित करें क्योंकि फ़ॉन्ट/आकार डिफ़ॉल्ट रूप से भिन्न होता है। –

ज़रूर @ मार्क, धन्यवाद –

104

साथ ही ऊपर जाने का: छिपा हुआ, का उपयोग

white-space:nowrap;

स्रोत

2010-07-22 11:46:17

हाँ !, यह वही है जो मैं चाहता हूं! –

बस का उपयोग करें:

overflow: hidden; 
white-space: nowrap;

अपने आइटम के divs में

स्रोत

2010-07-22 11:37:14 Macmade

सीएसएस संपत्ति अतिप्रवाह का प्रयोग करें। उदाहरण के लिए:

.item{ 
    width : 100px; 
    overflow:hidden; 
    }

अतिप्रवाह संपत्ति जैसे कई मानों में से एक हो सकता है ( छिपा , स्क्रॉल, दिखाई) .. आप als एक ही दिशा में अतिप्रवाह नियंत्रित कर सकते हैं केवल का उपयोग कर अतिप्रवाह-x या ओवरफ्लो-वाई।

मैं हो

स्रोत

2010-07-22 11:38:41 dejavu

कृपया देखें 'ओवरफ्लो: छुपा' यहां jsbin.com/eveqe3/2/edit लागू किया गया है, दूसरी पंक्ति का एक भाग बॉक्स में दिखाई देता है। क्या अगली पंक्ति में आने वाले पाठ से बचना संभव है? –

सीएसएस कोई टेक्स्ट रैप

उत्तर

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