這篇文章將為大家詳細講解有關css如何超出寬度換行，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

我們提供的服務有：網站設計制作、做網站、微信公眾號開發(fā)、網站優(yōu)化、網站認證、安徽ssl等。為1000+企事業(yè)單位解決了網站和推廣的問題。提供周到的售前咨詢和貼心的售后服務，是有科學管理、有技術的安徽網站制作公司

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

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

如圖：

1、自動換行

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

2、限制寬高度

// html
11111111111111111111111111
//css 
widht:100px;
height:100px;
overflow:hidden // 如果想讓元素可以滾動，設置為auto即可

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

關于“css如何超出寬度換行”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。