textarea显示问题 （保留换行空格等 格式） 解决方案

1 使用 pre 标签（但IE7下有兼容问题）：

<pre style="width: 100%; white-space: pre-wrap !important; word-wrap: break-word;"><s:property escape="0" value="vo.remark"/></pre>

<style>
pre {
white-space: pre-wrap;       /* css-3 */
white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
word-break:break-all;
overflow:hidden;
}
</style>

2 textarea readonly border设为0 ，取消onfocus事件

TEXTAREA.reason{
font-size: 13px;  font-family:'微软雅黑','黑体','宋体';font-weight: normal;
border:0;width:650px; height:50px;margin-left:103px;background:transparent;overflow:hidden;
}

TEXTAREA.files {
font-size: 13px;  font-family:'微软雅黑','黑体','宋体';font-weight: normal;line-height:1.5;text-decoration:underline; color:blue;cursor:pointer;
border:0;width:300px; height:200px;margin-left:110px;background:transparent;overflow:hidden;
}

textarea.levels{
font-size: 13px;  font-family:'微软雅黑','黑体','宋体';font-weight: normal;line-height:1.5;
border:0;width:150px; height:200px;margin-left:155px;background:transparent;overflow:hidden;
}

TEXTAREA.inputText{
width:170px;  font-size: 13px; margin-left:10px; font-family:'微软雅黑','黑体','宋体';font-weight: normal; background:transparent;
border:0;

}
<TEXTAREA class=reason id=applyReason onfocus=this.blur(); rows=3 readOnly>我 在 测试
测试
测试 </TEXTAREA>

<TEXTAREA class=reason id=applyReason onfocus=this.blur(); rows=3 readOnly>我 在 测试
测试
测试 </TEXTAREA>