1. 程式人生 > >textarea 強制換行

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;