css怎麼超出寬度換行

css超出寬度換行的實作方法：1、透過「word-wrap: break-word」實現自動換行；2、透過「overflow:hidden」限制寬高度實現超出寬度換行效果。

本文操作環境：windows7系統、HTML5&&CSS3版、Dell G3電腦。

css設定當寬度不夠時自動換行

如圖：

#1、自動換行

// html 
<div>111111111111111111111111</div>
// css
widht:100%;
height:100%;
word-wrap: break-word

2 、限制寬高度

// html
<div>11111111111111111111111111</div>
//css 
widht:100px;
height:100px;
overflow:hidden // 如果想让元素可以滚动，设置为auto即可

(注意：如果div放在li中還需要加上display：inline-block屬性)

【推薦學習：css影片教學 】

以上是css怎麼超出寬度換行的詳細內容。更多資訊請關注PHP中文網其他相關文章！