如何限制div寬度？

它仍四溢它看起來像這樣如何限制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 />

來源

2011-10-03 René Houmran Griffin

您是否正在尋找「max-width」css屬性？ –

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

來源

2011-10-03 22:08:16 esqew

甚至只是'width：500px'。 –

好吧，當我這樣做時，我的內容開始溢出......它沒有使那個br我在說什麼...... –

它不應該這樣做，請檢查@ Eray的jsfiddle。在那裏工作得很好。 – esqew

隨着max-width。示例：http://jsfiddle.net/YCV8H/

來源

2011-10-03 22:09:25 Eray

max-width和width -both-不防止溢出如果文本不包含任何空格，如問題中的示例所示。

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

看到這個fiddle的解決方案。

對於這種情況，div必須具有樣式「word-wrap: break-word」才能工作。

或「overflow-wrap: break-word」

來源

2016-08-29 16:16:25 saraf

如何限制div寬度？

回答

相關問題