2011-11-09 10 views
12

ऐसा लगता है कि text-overflow: ellipsiswhite-space: nowrap पर निर्भर है। इसके साथ समस्या यह है कि यह पाठ को एक पंक्ति में सीमित करता है। हालांकि, अगर ओवरफ्लो के मामले में आखिरी पंक्ति पर मुझे 4 लाइनें और इलिप्सिस की आवश्यकता है तो क्या होगा?क्या टेक्स्ट-ओवरफ्लो होना संभव है: सफेद जगह के बिना इलिप्सिस: अब्रैप?

यह वर्तमान में क्या कर रहा है ...

Lorem ipsum dolor sit amet ... 

मैं क्या चाहते हैं ...

Lorem ipsum dolor sit amet, 
consectetur adipisicing el- 
it, sed do eiusmod tempor 
incididunt ut labore et ... 
+0

संभावित डुप्लिकेट [क्या टेक्स्ट-ओवरफ्लो का उपयोग करना संभव है: व्हाइट स्पेस के बिना इलिप्सिस: अब्रैप नियम?] (Http://stackoverflow.com/questions/6572330/is-it-possible-to- का उपयोग-पाठ-overflowellipsis-बिना-सफेद-spacenowrap-नियम) – BoltClock

उत्तर

8

दुर्भाग्य से व्यवहार आप देख रहे हैं text-overflow: ellipsis के लिए सही है। हाइफ़न पाठ के लिए

क्रॉस ब्राउज़र समर्थन एक वास्तविकता अभी तक केवल सीएसएस के साथ नहीं है, लेकिन आप यहाँ क्या संभव है की एक अच्छी राउंडअप देख सकते हैं: http://code.google.com/p/hyphenator/wiki/en_CSS3Hyphenation

कुछ ब्राउज़र-विशिष्ट सीएसएस फ़ायरफ़ॉक्स और वेबकिट ब्राउज़रों के लिए उपलब्ध है :

-webkit-hyphens: auto; 
-webkit-hyphenate-character: '~'; 
-moz-hyphens: auto; 

हायफ़नेशन के साथ बड़ी समस्या यह है कि यह जो मुश्किल है ठीक से काम करने के बारे में पता भाषा, होना करने के लिए की जरूरत है।

शायद इस तरह का एक जेएस समाधान आपकी मदद करेगा? http://code.google.com/p/hyphenator/

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