深圳公司網站建設_深圳公司網站自然排名優化首選壹網互聯!
當前位置
首頁 - 前端Js+Css教程 - 讓div自動包含其中的全部內容不溢出或者隱藏

讓div自動包含其中的全部內容不溢出或者隱藏

發布時間:2017-06-23 閱讀:1141

<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

广东11选5奇偶走势图