[CSS] HTML中連續字母或數字不換行的問題

做HTML的經常會遇到一長串連續的字幕或者數字在頁面中沒辦法折斷換行,導致了頁面排版很亂。

默認情況下,一個 DIV或者其他元素的文本,如果都是無文字分隔符,無空格,則不會自動換行。

解決方法:

1
2

word-break: break-all;

範例:

1
2

<span style="word-break: break-all;">111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</span>

 

轉載:一招搞定HTML中連續字母或數字不換行的問題