HTML中數字和字母不換行顯示的默認行為及如何通過CSS的word-wrap
和word-break
屬性進行調整。
在HTML中標簽中的數字和字母默認是不換行的,如果要將他們換行,在CSS中添加”word-wrap: break-word;” 即可解決
語法:word-wrap: normal|break-word;
normal
: 單詞默認是不能斷開的,長單詞就會溢出
break-word
: 會首先起一個新行來放置長單詞,新的行還是放不下這個長單詞則會對長單詞進行強制斷句。
如果需要,詞內換行使用(word-break
)即可
語法:word-break:break-all;
不會把長單詞放在一個新行里,當這一行放不下的時候就直接強制斷句了。
word-break:break-all;word-wrap:break-word
CSS 屬性 word-break 指定了怎樣在單詞內斷行。
這個屬性原本屬于微軟擴展的一個非標準、無前綴的屬性,叫做 word-wrap,后來在大多數瀏覽器中以相同的名稱實現。目前它已被更名為 overflow-wrap,word-wrap 相當于其別稱。