设置div中文字超出时自动换行

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;}

相关文章
相关标签/搜索