字符换行
table,td,th,div { border:1px green solid;}
code { font-family:"Courier New", Courier, monospace;}
div
All white-space:normal;
11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111
IE \ word-wrap : break-word ;
abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111
IE \ word-break:break-all;
abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111
Firefox/ word-break:break-all; overflow:auto;
abcdefghijklmnabcdefghijklmnabcdefghijklmn111111111
table
table-layout:fixed;
abcdefghigklmnopqrstuvwxyz1234567890ssssssssssssss |
table-layout:fixed; word-break : break-all; word-wrap : break-word ;
abcdefghigklmnopqrstuvwxyz1234567890ssssssssssssss | abcdefghigklmnopqrstuvwxyz1234567890ssssssssssssss |
FF \ table-layout:fixed; overflow:hidden;
abcdefghigklmnopqrstuvwxyz1234567890 | abcdefghigklmnopqrstuvwxyz1234567890 |
将上面的代码复制到一个html文件中后打开可以看见只有使用table的时候英文和数字才能换行,所以可以使用table来解决这个问题