सीएसएस ब्रेक-शब्द

Question

का उपयोग किए बिना लंबे समय से बहने से लंबे शब्दों को रोकना मेरे पास एक div है और div के बाहर सभी लंबे शब्द (रिक्त स्थान के बिना) प्रवाह है।

कृपया How to prevent long text from flowing out of a container या Long words are flowing out of the box - How to prevent? के डुप्लिकेट के रूप में प्रश्न को चिह्नित न करें, जहां word-wrap: break-word; का उपयोग करके समस्या हल हो जाती है।

word-wrap: break-word; का नुकसान यह है कि यह div के किनारे पर छोटे शब्दों को भी तोड़ता है, जिस तरह से पाठ के प्रवाह में बाधा आती है। मैं छोटे शब्दों को वैसे ही रहना चाहता हूं जो वे हैं और केवल लंबे शब्दों को तोड़ दें। क्या इसे कार्यान्वित करना संभव है? अन्य वेबसाइटें इसे कैसे संभालती हैं?

Answer 1

यह भी टूट जाता है कम शब्दों जो div

सच नहीं है कि के किनारे पर हैं ... word-wrap: break-word; कि ऐसा नहीं करना चाहिए।
शायद आप इसे word-break: break-all; संपत्ति (जो सभी ब्राउज़रों में काम नहीं करता है) के साथ भ्रमित कर रहे हैं।

एक तुलना के लिए इस jsfiddle देखें: http://jsfiddle.net/Snu8B/3/

Firefox के लिए आप hyphens संपत्ति की कोशिश कर सकते।

Answer 2

आप के लिए "छिपाएँ" शब्द आप अतिप्रवाह के साथ खेल सकते तैयार हैं, तो: छिपा

.mydiv { 
    height : youchoose; 
    width : youchoose; 
    overflow: hidden; 
} 

अन्यथा

:

word-wrap : normal|break-word; 
normal : Break words only at allowed break points 
break-word: Allows unbreakable words to be broken 

word-break: normal|break-all|hyphenate; 
normal : Breaks non-CJK scripts according to their own rules 
break-all : Lines may break between any two characters for non-CJK scripts 
hyphenate : Words may be broken at an appropriate hyphenation point