设置div中文字超出时自动换行
2014-06-28 15:44
507 查看
设置div中文字超出时自动换行
一、对于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;
同样的FF下也没有很好的实现方法,只能隐藏或者加滚动条,当然不加滚动条效果更好!
#wrap{white-space:normal; width:200px; overflow:auto;}
或者
#wrap{word-break:break-all;width:200px; overflow:auto; }
二、对于table强制换行
1. (IE浏览器)使用样式table-layout:fixed;
2.(IE浏览器)使用样式table-layout:fixed与nowrap
3. (IE浏览器)在使用百分比固定td大小情况下使用样式table-layout:fixed与nowrap
4.(Firefox浏览器)在使用百分比固定td大小情况下使用样式table-layout:fixed与nowrap,并且使用div。
-----------------------------------------------------------------------------------------------------------------------------------
三、强制不换行:div{white-space:nowrap;}
四、自动换行:div{ word-wrap: break-word; word-break: normal;}
五、强制英文单词断行:div{word-break:break-all;}
一、对于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;
同样的FF下也没有很好的实现方法,只能隐藏或者加滚动条,当然不加滚动条效果更好!
#wrap{white-space:normal; width:200px; overflow:auto;}
或者
#wrap{word-break:break-all;width:200px; overflow:auto; }
二、对于table强制换行
1. (IE浏览器)使用样式table-layout:fixed;
2.(IE浏览器)使用样式table-layout:fixed与nowrap
3. (IE浏览器)在使用百分比固定td大小情况下使用样式table-layout:fixed与nowrap
4.(Firefox浏览器)在使用百分比固定td大小情况下使用样式table-layout:fixed与nowrap,并且使用div。
-----------------------------------------------------------------------------------------------------------------------------------
三、强制不换行:div{white-space:nowrap;}
四、自动换行:div{ word-wrap: break-word; word-break: normal;}
五、强制英文单词断行:div{word-break:break-all;}
相关文章推荐
- 设置div中文字超出时自动换行
- 设置div中文字超出时自动换行
- 设置div中文字超出时自动换行
- 设置div中文字超出时自动换行和css实现文本超出N行之后显示省略号等
- 设置div中文字超出时自动换行
- div中文字超出时自动换行
- CSS网页布局中DIV和TABLE超出宽度自动换行分析
- 内容超出div宽度后自动换行的css代码
- CSS 定义层中文字超出,自动换行!
- CSS------当内容超出div宽度后自动换行和限制文字不超出div宽度和高度
- CSS设置超出指定宽度自动换行
- CSS设置DIV中写入字符自动换行
- html内容超出了div的宽度如何换行让内容自动换行
- IntelliJ IDEA,代码行宽度超出限制时设置自动换行
- 英文自动换行 and 中文超出隐藏
- DIV内容超出div宽度后自动换行的css代码
- DIV设置了固定宽高出现文字(文本)的不能自动换行
- html内容超出了div或p的宽度如何换行让内容自动换行
- html中设置让div中的内容超出后自动显示滚动条
- div内的内容超出则自动换行