textarea 换行显示 引发对 white-space属性的测试

项目打算用 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   false false
pre true true
nowrap true false
pre-wrap false true
pre-line false false

true/false 代表本人想达到的效果

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值