सीएसएस में स्मार्ट शब्द ब्रेक?

Question

अगर मैं सिर्फ एक तत्व पर word-break: break-all डाल, मैं अक्सर इस के साथ अंत:

हैलो लोग, मैं एक एमईएस
ऋषि कि बहुत लंबा होने के है टाइपिंग हूँ!

हैलो लोग, मैं एक
संदेश यह है कि बहुत लंबा होने के है टाइपिंग कर रहा हूँ:

जाहिर है इस जितना बेहतर होगा!

लेकिन एक ही समय में अगर किसी को लिखते हैं:

BLAAAAAAAAARRRRRRRRRRRRGGGGGGGGHHHHHHHH !!!!!!

तो मैं यह होना चाहेंगे:

BLAAAAAAAAARRRRRRRRRRR
RGGGGGGGGHHHHHHHH !!!!!!

मुझे वास्तव में ऐसा करने का कोई तरीका नहीं दिख रहा है।

ध्यान दें कि तत्व की चौड़ाई तय नहीं है और बदल सकती है।

Answer 1

word-wrap: break-word; आज़माएं जैसा कि आप उम्मीद करते हैं, व्यवहार करना चाहिए।

Answer 2

स्मार्ट शब्द ब्रेक के लिए, या के लिए सही शब्द ब्रेक पहले स्थान पर, आपको भाषा-निर्भर नियमों की आवश्यकता है। अंग्रेजी और कई अन्य भाषाओं के लिए, ब्रेक होने पर लाइन के अंत में जोड़े गए एक हाइफ़न के साथ, सही ब्रेकिंग का अर्थ हाइफ़ेनेशन होता है।

सीएसएस में, आप hyphens: auto का उपयोग कर सकते हैं, हालांकि आपको अभी भी विक्रेता उपसर्गों का उपयोग करके इसे डुप्लिकेट करने की आवश्यकता है। चूंकि यह आईई 9 पर काम नहीं करता है, इसलिए आप जावास्क्रिप्ट-आधारित हाइफेनेशन जैसे Hyphenate.js पर विचार कर सकते हैं। दोनों स्थितियों में, भाषा मार्कअप (lang विशेषता) का उपयोग करना आवश्यक है।

लंबे समय तक तोड़ने, निर्जलित तार एक अलग मुद्दा है। उन्हें प्रीप्रोकैसिंग में सबसे अच्छा संभाला जाएगा, लेकिन एक सरल सेटिंग में, word-break: break-word (जिसका अर्थ है गलत उदाहरण के लिए अंग्रेजी में शब्दों को तोड़ना) को आपातकाल माना जा सकता है।

.text-that-needs-wrapping { 
    overflow-wrap: break-word; 
    word-wrap: break-word; 
    -ms-word-break: break-all; 
    word-break: break-word; 
    -ms-hyphens: auto; 
    -moz-hyphens: auto; 
    -webkit-hyphens: auto; 
    hyphens: auto; 
} 

यह अलग ब्राउज़रों के साथ सबसे अजीब स्थितियों संभालती है:

Answer 3

हमारी परियोजनाओं के एक बहुत कुछ के लिए हम आम तौर पर इस जहां आवश्यक जोड़ें।