爲什麼「自動換行」css樣式在<table>（GWT）內不起作用？

Question

我們得到這個CSS使一個長字符串（沒有任何空間，URL爲例）分爲許多新的生產線，而不是隻顯示1行：

.wordWrap{ word-wrap:break-word; } 

在.xml文件

<table> 
    <tr> 
     <td> 
      <g:HTMLPanel ui:field="myPanel" addStyleNames="{style.wordWrap}" > <g:Label text="Aaaaaa..very long string without any space in it... aa"> <g:/HTMLPanel> 
     </td> 
    </tr> 
</table> 

這不起作用。

但是，如果我們去掉<table>那麼它做工精細

所以 爲什麼「自動換行」的CSS樣式沒有一個（GWT）內工作？

Answer 1

找到答案

<table cellspacing="3" style="width: 100%; word-wrap:break-word; table-layout: fixed;"> 

Answer 2

您是否嘗試過white-space財產？這將解決您的問題。

white-space: pre-wrap; 

如果上面的css不起作用，請嘗試white-space屬性的其他組合。

查看更多about CSS white-space Property。