जब पाठ है रिक्तियों के बिना और div आकार 200px से ज्यादा यह चौड़ाई बाहर बह रहा है 200px के रूप में परिभाषित किया गया है मैं अपने कोड यहाँ डाल दिया है http://jsfiddle.net/madhu131313/UJ6zG/ आप चित्रों नीचे देख सकते हैं संपादित : मैं चाहता हूँ अगली पंक्ति में जाने के लिए पाठ
जवाबों:
यह इस तथ्य के कारण है कि आपके पास रिक्त स्थान के बिना एक लंबा शब्द है। आप word-wrapपाठ को तोड़ने के कारण संपत्ति का उपयोग कर सकते हैं :
#w74 { word-wrap: break-word; }यह काफी अच्छा ब्राउज़र समर्थन भी है। इसके बारे में दस्तावेज यहां देखें ।
आप का उपयोग करना चाहिए overflow:hidden; याscroll
या php के साथ आप लंबे शब्दों को छोटा कर सकते हैं ...
आपको कंटेनर ब्लॉक (div) में निम्नलिखित सीएसएस संपत्ति लागू करने की आवश्यकता है:
overflow-wrap: break-word;विनिर्देशों के अनुसार (स्रोत CSS | MDN ):
overflow-wrapसीएसएस संपत्ति निर्दिष्ट करता है या नहीं, ब्राउज़र अपनी सामग्री बॉक्स बह निकला से पाठ को रोकने के लिए शब्द के अंतर्गत लाइन ब्रेक लगाना चाहिए।
के मान के साथ break-word
अतिप्रवाह को रोकने के लिए, यदि पंक्ति में अन्यथा स्वीकार्य ब्रेक पॉइंट नहीं हैं, तो आम तौर पर अटूट शब्दों को मनमाने बिंदुओं पर तोड़ा जा सकता है।
उल्लेखनीय है...
संपत्ति मूल रूप से एक गैर-मानक और उपसर्गित Microsoft एक्सटेंशन कहलाती थी
word-wrap, और अधिकांश ब्राउज़रों द्वारा एक ही नाम से लागू की गई थी। इसके बाद से करने के लिए नाम दिया गया हैoverflow-wrapके साथ,word-wrapएक उपनाम जा रहा है।
यदि आप विरासत ब्राउज़र का समर्थन करते हैं तो यह दोनों को निर्दिष्ट करने लायक है:
word-wrap : break-word;
overflow-wrap: break-word;पूर्व। IE9 पहचानता नहीं है overflow-wrapलेकिन साथ ठीक काम करता हैword-wrap
इसका उपयोग overflow:autoकरें div:) के भीतर आपके पाठ को एक घुमक्कड़ देगा ।
अगर यह मदद करता है। अपने चयनकर्ता के मान के साथ निम्नलिखित संपत्ति जोड़ें:
white-space: pre-wrap;अगर यह सिर्फ एक उदाहरण है जिसे 2 या 3 लाइनों पर लपेटने की आवश्यकता है तो मैं <wbr>स्ट्रिंग में कुछ का उपयोग करूंगा । यह उन लोगों की तरह ही व्यवहार करेगा <br>लेकिन यदि आवश्यक नहीं है तो यह लाइन ब्रेक सम्मिलित नहीं करेगा।
<div id="w74" class="dpinfo">
adsfadsadsads<wbr>fadsadsadsfadsadsa<wbr>dsfadsadsadsfadsadsads<wbr>fadsadsadsfadsadsadsfa<wbr>dsadsadsfadsadsadsfadsad<wbr>sadsfadsadsads<wbr>fadsadsadsfadsads adsfadsads
</div>यहाँ एक बेला है।