इलिप्सिस

Question

क्या Google क्रोम के लिए -o-ellipsis-lastline जैसी कोई चीज़ है?

मैं क्रोम एक्सटेंशन बना रहा हूं और सीएसएस का उपयोग करके मल्टीलाइन टेक्स्ट को लंबित करना चाहता हूं।

Answer 1

W3 spec for text-overflow के कारण इलिप्सिस शुद्ध सीएसएस बनाना असंभव है।

• http://www.codeitbetter.co.uk/widgets/ellipsis/
• http://jsfiddle.net/danesparza/TF6Rb/1/
• http://jsfiddle.net/MPkSF/
• http://jsfiddle.net/VpmbL/
:

लेकिन आप क्रोम एक्सटेंशन आप पहले से ही जावास्क्रिप्ट का उपयोग किया है विकसित कर रहे हैं, तो यहाँ कुछ डेमो और प्लग इन आपकी समस्या का समाधान करने के लिए है

• https://github.com/pvdspek/jquery.autoellipsis

मैं अपनी परियोजनाओं पर आखिरी प्लगइन का उपयोग कर रहा हूं।

Answer 2

वर्तमान में मल्टीलाइन टेक्स्ट के लिए कोई इलिप्सिस नहीं है ... लेकिन आप सरल परिस्थितियों का उपयोग करके मल्टीलाइन के लिए इलिप्सिस प्रभाव कर सकते हैं। यहाँ एक उदाहरण ...

कहो तो आप इस तरह एक एचटीएमएल है ...

<div class="class_name"><%=message%></div> 

और तुम रन टाइम ... आपका पाठ गाया और div टैग में रखा जाएगा पर अपने पाठ प्रस्तुत करना है संदेश टेम्पलेट के बजाय। मान 100 और 80 हैं: तो आप क्या कर सकते ...

<% if(message.length < 100) { %> 
    <div class="class_name"><%=message%></div> 
<% } else { %> 
    <div class="class_name"><%=message.slice(0,80)%>...</div> 
<% } %> 

अपने पाठ 100 से कम वर्ण है यदि यह एक अंडाकार प्रभाव

नोट (80 अक्षर के अंत में) दिखाएगा वैकल्पिक। आप आप चिंता के रूप में बदल सकते हैं ...

आशा है कि यह मदद करता है:) ...