CSS中,word-break
和word-wrap
屬性可以用來控制文本的換行方式。其中,word-wrap
用來實現英文字符或字母的強制換行效果。
p { white-space: normal; word-wrap: break-word; }
以上代碼中,white-space: normal;
意為允許空白字符的自動換行,word-wrap: break-word;
則指定在單詞中間插入換行符,以使長單詞能夠自動換行。
在為容器設置word-wrap
屬性后,頁面上的英文字母或字符將按照指定的規則強制換行,從而能夠有效地避免出現文字溢出的情況。
需要注意的是,word-wrap
屬性是 CSS3 新增的屬性,不是所有瀏覽器都支持。在使用該屬性時,建議先進行兼容性測試,以保證頁面能夠得到正確的渲染結果。