深圳公司网站建设_深圳公司网站自然排名优化首选壹网互联!
当前位置
首页 - 前端Js+Css教程 - 让div自动包含其中的全部内容不溢出或者隐藏

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

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

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


  • 评论内容:

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

联系我们
CONTACT US

深圳网站建设电话:13510778477 姚先生

深圳网站推广电话:13715035554 刘先生

地址:深圳市南山区西丽镇龙珠五路南汾大厦416