2011-10-03 15 views
5

इसकी अभी भी बह निकला यह इसdiv चौड़ाई को सीमित करने के लिए कैसे?

<table id="hlavni" style=" position:absolute; border:none; position:relative; background-color:#FFC; border:#999 1px solid;" cellpadding="5"> 
       <tr> 
       <td id="yamana" class="trida" valign="top" style="line-height:1.5em;"><div style="background-color:#FFC;" id=load_tweets>44444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444</div> 
     </td> 
     </tr></table><br /> 
+0

आप "अधिकतम-चौड़ाई" सीएसएस संपत्ति के लिए देख रहे हैं? –

उत्तर

8
<html> 
<head> 
    <style type="text/css"> 
    #limit { 
     max-width: 500px; 
    } 
    </style> 
</head> 
<body> 
    <div id="limit">Your content goes here</div> 
</body> 
</html> 
+1

या यहां तक ​​कि केवल 'चौड़ाई: 500px'। –

+0

ठीक है, जब मैं यह करता हूं कि मेरी सामग्री अतिप्रवाह हो रही है ... यह उस ब्रैड को नहीं बना रहा जिसके बारे में मैं बात कर रहा था ... –

+0

ऐसा नहीं करना चाहिए, @ Eray's jsfiddle देखें। वहां बस ठीक काम करता है। – esqew

1

अधिकतम चौड़ाई और चौड़ाई-दोनों- ओवरफ्लो को रोकें यदि पाठ में कोई उदाहरण प्रश्न में उदाहरण के रूप में नहीं है।

div { 
    max-width : 300px; 
    word-wrap: break-word; 
} 

इस समाधान के लिए fiddle देखें।

इस मामले के लिए, div के पास काम करने के लिए "word-wrap: break-word" शैली होनी चाहिए।

या "overflow-wrap: break-word"

संबंधित मुद्दे