我們在寫章丘宣傳部辦公系統的時候遇到了一個問題,英文字母在規定了寬度的div里面不自動換行,那么這個問題是怎么解決的呢。這就用到了文本自動換行的屬性:
word-wrap:break-word
沒有這個屬性的效果:
![]()
加上這個屬性的效果:
![]()
break-word:內容將在邊界內換行,必要時觸發word-break(注意請分辨清楚word-break和break-word兩個是不同的東西,一個為屬性,一個為參數);
word-wrap是控制是否”為詞斷行”的,設置或檢索當前行超過指定容器時是否斷開轉行。中文沒有任何問題,語句也沒有問題,但是對于長串的英文,就不起作用。
大家趕緊去測試一下吧!
上一篇: 手機端頁面如何固定圖片的大小
關鍵詞:



