Question

它仍然溢出它看起来像这样

<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 />

Answer 1

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

Answer 2

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

Answer 3

max-width和width -both-不要阻止溢出如果文本不包含任何空格，如问题中的示例所示。

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

请参阅此fiddle了解解决方案。

对于这种情况，div必须具有样式＆＃34; word-wrap: break-word＆＃34; 为了工作。

或＆＃34; overflow-wrap: break-word＆＃34;

如何限制div宽度？

3 个答案: