当前位置
首页 - 前端Js+Css教程 - 让div自动包含其中的全部内容不溢出或者隐藏

让div自动包含其中的全部内容不溢出或者隐藏

发布时间:2017-06-23 阅读:11906

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


  • 评论内容:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。