textarea 换行显示 引发对 white-space属性的测试
来源:互联网 发布:多矩阵结构 适用公司 编辑:程序博客网 时间:2024/06/06 14:23
项目打算用 textarea 显示BO取来的文本数据.
规定:BO文本数据有/r才换行。
<textarea id="GDSLog" rows="50" style="margin: 15px; width: 90%; height: 100%; overflow: scroll;word-wrap:normal;white-space:pre" readonly="readonly"><%=rs.GDSLog%></textarea>
overflow:scroll 显示横纵滚动条。简单不做细述
word-wrap 和 word-break
这篇文章说的非常明白:
http://www.cnblogs.com/2050/archive/2012/08/10/2632256.html 感谢好人,好人一生平安!!
但是IE 和 Chrome 光靠上述两个属性进行换行展示却不能达到一致的效果,我加上了white-space 这个属性
经测试得出以下结论:(至于为什么每个属性会导致不同的效果,有待研究...)
Chrome IE
normal falsefalse
pre true true
nowrap true false
pre-wrap falsetrue
pre-line falsefalse
true/false 代表本人想达到的效果
0 0
- textarea 换行显示 引发对 white-space属性的测试
- TEXTAREA{white-space:normal;}导致textbox不能换行
- CSS样式中P标签的内容换行属性white-space
- css中文本换行属性word-wrap和white-space
- textarea换行符的显示
- CSS white-space 属性
- white-space属性
- CSS white-space 属性
- CSS white-space 属性
- white-space 属性
- CSS white-space 属性
- CSS white-space 属性
- CSS white-space 属性
- white-space 属性验证
- CSS white-space 属性
- CSS white-space 属性
- white-space: nowrap 导致有宽度也不换行的问题
- 几个Css 属性 white-space
- 博客新手报到
- UI技巧
- JS变量
- 用栈实现表达式计算
- android adt jni开发步骤
- textarea 换行显示 引发对 white-space属性的测试
- JS数据类型
- 去掉图片上的文字的几个基本技巧
- Openwrt交叉编译nginx-1.8.0
- 多线程编程
- Jquery数组
- 网狐版本升级
- 一步步探究linux进程中的用户ID
- JAVA中控制double和float的精度