textarea 强制换行

某一详情页面  下页面显示正常如下图



部分代码：<tr>
     <td class="newptda" width="20%">
      操作条件
     </td>
     <td class="newptdb" width="80%">
      <html:textarea style="width:100%;border:0;" property="record.OPERATE_CONDITION" rows="10" readonly="true"></html:textarea>
     </td>
    </tr>

但是程序发给现场后，如下图

     

  找了很多原因，删除临时文件，调整分辨率及换浏览器等都不管用。

   最后对textarea标签加了强制换行 解决了。

   代码：

     <tr>
     <td class="newptda" width="20%">
      操作条件
     </td>
     <td class="newptdb" width="80%">
      <html:textarea style="width:100%;border:0;word-wrap:break-word;word-break:break-all;word-wrap:break-word;" property="record.OPERATE_CONDITION" rows="10" readonly="true"></html:textarea>
     </td>
    </tr>

其中强制换行

word-wrap:break-word;word-break:break-all;word-wrap:break-word;