设置div中文字超出时自动换行
来源:互联网 发布:xmirage for windows 编辑:程序博客网 时间:2024/04/27 16:14
一、对于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文字自动换行
- div 文字自动换行
- div 文字自动换行
- div文字自动换行
- 设置文字自动换行
- div css 超出文字自动隐藏代码
- 解决文字过长,表格被撑大,自动换行,文字超出,切割
- iReport文字自动换行设置
- iReport设置文字自动换行
- iReport文字自动换行设置
- DIV+CSS展示文字超出后不换行
- div可输入,单词溢出或超出文字换行
- CSS网页布局中DIV和TABLE超出宽度自动换行分析
- 单例模式的七种写法
- Device Tree(二):基本概念
- 通过Keepalived实现Redis Failover自动故障切换功能[实践分享]
- Signals、sigslot简介
- ORACLE回收站(Recycle Bin)
- 设置div中文字超出时自动换行
- Uiwebview 的JS 交互 以及 点击事件
- Redis 集群方案
- swiper ontouch
- 工作需要开始学习JAVA NIO
- sscanf 函数基本用法、摘自百度(转载自青春 起点)
- 分布式系统一致性研究
- Windows常用运行指令
- express不是内部或外部命令,也不是可运行的程序或批处理文件