div - css

Question

के अंदर पाठ को लपेटने में मुझे रैपिंग के साथ समस्याएं आ रही हैं। मैं कुछ हेक्सनकोडिंग एन्क्रिप्शन उत्पन्न कर रहा हूं और आउटपुट बहुत लंबा है;

827938828ey823876te37257e5t328er6367r5erd663275e65r532r6s3624e5645376er563rdr753624e544341763r567r4e56r326r5632r65sr32dr32udr56r634r57rd63725

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

मैं यह कैसे कर सकता हूं?

Answer 1

आप उस पाठ को लपेट नहीं सकते क्योंकि यह बिना किसी रिक्त स्थान के अनजान है। आपको एक जावास्क्रिप्ट या सर्वर साइड समाधान की आवश्यकता है जो कुछ वर्णों के बाद स्ट्रिंग को विभाजित करता है।

संपादित

आप सीएसएस में इस संपत्ति जोड़ने की जरूरत है।

word-wrap: break-word;

Answer 2

मैं कुछ यहाँ अजीब के बारे में word-wrap केवल ठीक से सीएसएस के width संपत्ति के साथ काम करता मिल गया है।

HTML:

<b>This is the example of word-wrap only using width property</b> 
<p id="ONLYwidth">827938828ey823876te37257e5t328er6367r5erd663275e65r532r6s3624e5645376er563rdr753624e544341763r567r4e56r326r5632r65sr32dr32udr56r634r57rd63725</p> 
<br/> 
<b>This is the example of word-wrap without width property</b> 
<p id="wordwrapWITHOUTWidth">827938828ey823876te37257e5t328er6367r5erd663275e65r532r6s3624e5645376er563rdr753624e544341763r567r4e56r326r5632r65sr32dr32udr56r634r57rd63725</p> 
<br/> 
<b>This is the example of word-wrap with width property</b> 
<p id="wordwrapWITHWidth">827938828ey823876te37257e5t328er6367r5erd663275e65r532r6s3624e5645376er563rdr753624e544341763r567r4e56r326r5632r65sr32dr32udr56r634r57rd63725</p> 

सीएसएस:

#ONLYwidth{ 
    width:200px; 
} 

#wordwrapWITHOUTWidth 
{ 
    word-wrap: break-word; 
} 

#wordwrapWITHWidth 
{ 
    width:200px; 
    word-wrap: break-word; 
} 

यहाँ

एक काम डेमो कि मैं इसके बारे में तैयार किया है है। http://jsfiddle.net/Hss5g/2/

मुझे बहुत देर हो चुकी है लेकिन यह दूसरों की मदद कर सकती है!