div强制、自动换行
2014-07-16 12:25
337 查看
一、对于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;}
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;}
相关文章推荐
- html中div不自动换行、强制不换行的具体实现
- html中div不自动换行、强制不换行的具体实现
- [轉]兼容多浏览器,兼容 div、p、td 的强制不换行及强制换行
- CSS实现强制不换行、自动换行、强制换行的css代码
- css实现强制不换行/自动换行/强制换行
- 多选框是否选中、div强制换行、首行缩进、鼠标手状
- 解决长email在表格td中不自动换行的问题 & CSS强制不换行
- DIV中的内容自动换行
- div+css强制换行
- Html中div和table自动换行(中文和字符)
- <li></li>列表中显示文字强制不换行,大于li宽度自动隐藏文字
- 解决长串英文字母显示不能自动换行的问题和td中汉字自动换行 && CSS强制不换行
- div 标签里的内容或字符串自动换行
- css实现强制不换行/自动换行/强制换行
- 设置div中文字超出时自动换行
- css如何自动换行对于div,p等块级元素(转)
- css实现 强制不换行,自动换行,强制换行
- &nbsp;符号导致DIV,a,u自动换行
- div+CSS里长英文字母如何自动换行?
- div、td 、p 等容器内强制换行和不换行