css一長串聯續英文字元的換行

標籤：bsp   一個   nbsp   pre   文字   word   code   實現   換行   

在標籤內，中文的換行是沒有什麼問題的，但英文的換行就有問題。當出現一長串聯續的英文字元時，換行就失效了，內容會溢出。解決這個問題只需要一行css就夠了：

p{   word-wrap: break-word;  }

那麼問題來了，英文的換行是實現了，但是你會發現，一連串英文全部另起一行了，這就和預計的效果不一致。

原因是連續的一連串英文字元，瀏覽器會把它識別為一個單詞，那麼換行當然是一個單詞一起換了，解決這個問題只要在原本的基礎上再加一句：

p{   word-wrap: break-word;   word-break: break-all;}

至此，就可以正確實現連續英文字元的換行了。

 

css一長串聯續英文字元的換行