Question

如何让div自动包含其中的全部内容不溢出

Answer 1

<p>在CSS代码中加入 word-wrap:break-word; 实现自动换行</p>
<div style="width:100px;background:#ff0;">
无自动换行AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
</div>
<p></p>
<div style="width:100px;background:#0f0;word-wrap:break-word;">
自动换行BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB
</div>

<p>在CSS代码中加入 overflow:hidden; 隐藏溢出部分</p>
<div style="width:100px;background:#ff0;">
外DIV
 <div style="width:200px;background:#0f0;">
 内DIV溢出
 </div>
外DIV
</div>
<p></p>
<div style="width:100px;background:#ff0;overflow:hidden;">
外DIV
 <div style="width:200px;background:#0f0;">
 内DIV隐藏溢出
 </div>
外DIV
</div>