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

如题所述

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

温馨提示：内容为网友见解，仅供参考

当前网址：https://11.t2y.org/zz/fmvp8q4fqp7fqf7ssvq.html