近期做的一個項目，該項目需要輸出的數據很多，在表格中需要生成各種類型的數據，遇到了一個讓人頭疼的問題：長英文字符串的換行。找了不少資料，最終使用了word-wrap、table-layout各自的一個屬性值，並結合項目實際的情況，做了一些兼容性處理，解決該問題，並在團隊中做了一次分享，希望可以給大家帶來幫助，提升對css長英文或者長字段換行的認識。
長英文或者長字段換行寫法總結如下:
需要了解的3個屬性
1.word-wrap:break-word 詞內換行 只支持連續的英文和數字，在表格中失效
2.word-break:break-all 邊界內換行 支持包括英文和數字的詞句短，在火狐中失效
3.table-layout:fixed 固定表格 啟動該屬性可在表格中支持word-wrap:break-word;overflow:hidden
普通容器中（Div）的用法建議
word-wrap:break-word;
容器中（Div）中的表格的用法建議
table-layout:fixed;word-wrap:break-word;
詳情請看PPT:
查看更多精彩