सीएसएस- शब्द-ब्रेकिंग

Question

की बजाय नई पंक्ति में शब्दों को बल दें, मेरा ग्राहक अपनी साइट पर कोई शब्द टूटा नहीं चाहता है। उदाहरण:

The dog went for a walk and ran to- 
wards the car. 

The dog went for a walk and ran 
towards the car. 

समस्या केवल सफारी में दिखाई दे रहा है होना चाहिए। क्या किसी को यह हल करने के लिए सीएसएस संपत्ति पता है?

Answer 1

है CSS नियम

जोड़े

* { -webkit-hyphens: none; } 

सफारी एक शब्द को हाइफनेट करेगा (जो वर्णन के अनुसार होता है) to­wards में, या -webkit-hyphens: auto के माध्यम से स्वत: हाइफेनेशन के माध्यम से एक स्पष्ट हाइफेनेशन संकेत है। सफारी को स्वचालित हाइफेनेशन का समर्थन करने के रूप में वर्णित किया गया है, लेकिन ऐसा लगता है कि यह विंडोज संस्करण (5.1.7) पर लागू नहीं होता है। वैसे भी, उपर्युक्त नियम किसी भी तरह से मदद करता है।

दूसरी तरफ, अवांछित हाइफ़नेशन को रोकने के लिए बेहतर हो सकता है।

Answer 2

मैं क्रोम और सफारी में यह करने की कोशिश की और यह अपेक्षा के अनुरूप काम करने लगता है:

white-space:pre-wrap; 

उदाहरण:

#noBroeknWords 
{ 
white-space:pre-wrap; 
} 

<div style="width:400px"> 
    <span id='noBroeknWords'> 
    LongWord, ShouldNotBeBroken ShouldNotBeBroken ShouldNotBeBroken ShouldNotBeBroken ShouldNotBeBroken ShouldNotBeBrokenShouldNotBeBroken ShouldNotBeBrokenShouldNotBeBroken ShouldNotBeBrokenShouldNotBeBroken. 
    </span> 
This is some text. This is some text. This is some text. 
This is some text. This is some text. This is some text. 
This is some text. This is some text. This is some text. 
</div> 

यहाँ jsFiddle