css - सीएसएस के साथ वर्णों की सीमा या#के पात्रों को सीमित कैसे करें?




layout word-wrap (2)

क्या कोई सीएसएस संपत्ति है जो निम्न में से एक कर सकती है? लेकिन सबसे पहले, मुझे समझाने दो।

एक चिनाई लेआउट की कल्पना करें जहां प्रत्येक वस्तु चौड़ाई है: 200px; और प्रत्येक ऊंचाई होगी: 250px; (यह सिर्फ एक उदाहरण है)।

प्रत्येक आइटम में, एक थंबनेल और एक लिंक होता है, और कई बार, यह लिंक 2-3 लाइनों के लिए लपेटता है, और इसलिए प्रत्येक आइटम की ऊंचाई अलग होती है

क्या कोई तरीका है कि मैं कक्षा में अधिकतम # अक्षर सेट कर सकता हूँ, या कुछ निश्चित लाइनों के बाद रैपिंग काट कर सकता हूं? और शायद सामग्री जोड़ने के लिए कुछ सीएसएस प्रभाव भी जोड़ें: "..."; लाइन अंत से पहले यह दिखाया गया कि यह कट गया था?

किसी भी मदद की सराहना की है

धन्यवाद।


अक्षर नहीं, लेकिन आप पिक्सल में एक तत्व की चौड़ाई निर्धारित कर सकते हैं और टेक्स्ट ओवरफ्लो प्रॉपर्टी का उपयोग कर सकते हैं, जिसे "..." जोड़ना चाहिए।

साथ ही, आप किसी तत्व की ऊँचाई, उदाहरण के लिए, 30px सेट करके और पंक्ति-ऊंचाई सीएसएस संपत्ति को 15px में सेट करके और overflow:hidden जोड़कर लाइनों की संख्या को सीमित कर सकते हैं overflow:hidden इस तरह आपको पाठ की सटीक दो पंक्तियां मिलेंगी

.twoLines{
   height:30px;
   line-height:15px;
   overflow:hidden;
}

आप text-overflow कोशिश कर सकते हैं, लेकिन इसमें कुछ प्रतिबंध हैं, लेकिन फिर भी आप सुइट हो सकते हैं:

उदाहरण

<div id="container">
    This is some short content to demonstrate the css-property
    text-overflow
</div>​

#container{
    width:100px;
    height:50px;
    border:1px solid red;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;   
}​




character-limit