2011-12-01 37 views
3

我有一個寬度爲100%的桌子(適合屏幕),其中有3 <td>。在第二個<td>我有這樣的一些內容addfdss212s1ssff54f5df4d54s54dsf64dsfsadjvmckjsadkjkdflsadfkksdalasdflsdfkasd6f465,這個內容不包含任何空間。我給第二個<td>給出了70%的寬度,但是當內容的字符增加時,第二個<td>擴大並且佈局受到干擾。在CSS的幫助下,可以在70%的寬度上將下一行的字符增加到什麼程度? (見代碼見下)。如何獲取表格數據內容到下一行?

<table width=」100%」>

<tr>

<td width=」10%」>Result1</td>

<td width=」70%」>addfdss212s1ssff54f5df4d54s54dsf64dsfsaDjvmckjs adkjkdflsadfkksdalasdflsdfkasd6f465 </td>

<td width=」20%」>Comments</td>

</tr>

</table>

回答

5

嘗試:

<table style="table-layout: fixed"> 
<tr><td style="word-wrap:break-word">LongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongLongWord</td></tr> 

來源:https://stackoverflow.com/a/1883702/585552

+0

謝謝。問題修復。 – RoyalEnfy

1

我想你可能尋找的規則是:

word-wrap: break-word; 
+0

它的工作原理,但你必須把'table-layout:fixed'這個樣式放到table標籤中。按照我的慣例。 – RoyalEnfy