1、對於div強制換行
1.(IE瀏覽器)white-space:normal; word-break:break-all;這裏前者是遵循標準。
#wrap{white-space:normal; width:200px; }
或者
#wrap{word-break:break-all;width:200px;} 瀏覽器
2.(Firefox瀏覽器)white-space:normal; word-break:break-all;overflow:hidden; spa
一樣的FF下也沒有很好的實現方法,只能隱藏或者加滾動條,固然不加滾動條效果更好!
#wrap{white-space:normal; width:200px; overflow:auto;}
或者
#wrap{word-break:break-all;width:200px; overflow:auto; } orm
2、對於table強制換行
1. (IE瀏覽器)使用樣式table-layout:fixed; it
2.(IE瀏覽器)使用樣式table-layout:fixed與nowrap table
3. (IE瀏覽器)在使用百分比固定td大小狀況下使用樣式table-layout:fixed與nowrap 方法
4.(Firefox瀏覽器)在使用百分比固定td大小狀況下使用樣式table-layout:fixed與nowrap,而且使用div。 layout
----------------------------------------------------------------------------------------------------------------------------------- 樣式
3、強制不換行:div{white-space:nowrap;} word
4、自動換行:div{ word-wrap: break-word; word-break: normal;} 英文
5、強制英文單詞斷行:div{word-break:break-all;}