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 代表本人想達到的效果

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章