क्या मैं आधे कट ऑफ टेक्स्ट की पूरी तरह से छिप सकता हूं?

Question

यदि मैं एक सेट ऊंचाई और छुपा ओवरफ्लो के साथ एक कंटेनर में टेक्स्ट का एक बॉडी रखता हूं, तो मैं अक्सर अंतिम पंक्ति के साथ समाप्त हो जाता हूं जो कट ऑफ करने के लिए उपयुक्त हो सकता है। Example jsFiddle या छवि:

वहाँ है कि रेखा दिखाई ऐसा नहीं पूरी तरह से करने के बजाय करने के लिए एक तरीका है?

परिदृश्य यह है कि मेरे पास कॉलम हैं जो गतिशील ऊंचाई (माता-पिता की ऊंचाई का 100%, जो शरीर की ऊंचाई का 80% है) जिसमें ब्लॉग-पोस्ट टेक्स्ट होता है और मैं "सभी को पढ़ना" चाहता हूं नीचे अगर बहती हुई पाठ (निर्धारित करने में आसान) है। फिलहाल यह बस ऊपर बैठे आधे रेंडर पाठ के साथ भयानक लग रहा है।

मैं ओवरफ़्लो को हटा नहीं सकता क्योंकि कॉलम ने नेविगेशन से पहले समाप्त होने की आवश्यकता है, जो पृष्ठ के निचले हिस्से में बैठता है।

Answer 1

आप संपत्ति text-overflow से आपको प्रेरित कर सकते हैं, लेकिन आप गुणकों के लिए जावास्क्रिप्ट के साथ यह क्या करना है रेखाएं: http://pvdspek.github.com/jquery.autoellipsis/ (With CSS, use "..." for overflowed block of multi-lines के माध्यम से)

Answer 2

आप बढ़ा सकते हैं या line-height

कमी अपनी सुविधा के अनुसार

Answer 3

निकालें overflow:hidden

div 
{ 
    width: 100px; 
    height: 92px; 
    background: black; 
    color: white; 
}​ 

Answer 4

इस नीचे

<li style="color: Black; font-weight: bold; oveflow:hidden; line-height: 1.2em;height: 2.6em; ">Page Size 
        <select id="ddlOrderstoDisplay" style="width: 50px;"> 
         <option value="25">25</option> 
         <option value="50">50</option> 
         <option value="75">75</option> 
         <option value="100">100</option> 
         <option value="150">150</option> 
        </select>    
       </li> 

मैं टैग के अंदर इन पंक्तियों रखो यह सब ब्राउज़र पर काम करेंगे आशा है कि यह आप

**overflow: hidden; 
line-height: 1.2em; 
height: 3.6em;** 

Answer 5

सिर्फ जोड़ने 'कॉलम-चौड़ाई' विशेषता के लिए मदद मिलेगी मेरे कोड है देखते हैं, यह काम करेगा। आपके उदाहरण में यह कॉलम-चौड़ाई होगी: 100px