天天看點

word-wrap屬性驗證

word-wrap 屬性可選值 normal | break-word

normal:

單詞長度超過容器寬度不換行,會導緻寬度溢出

break-word:

單詞長度超過容易寬度會換行,不會導緻寬度溢出

注意:

word-break word-wrap 都是對英文單詞或長串數字起作用的,對中文沒有影響

如果設定了word-break:break-all 那麼word-warp也就不起作用了,因為采用了單個字母換行規則

word-wrap 則是以單詞為整體換行,除非一個超長單詞發生溢出,否則不分割單詞為兩行,分行更為合理。

示範:

word-wrap屬性驗證