2013-01-05 214 views
1

我現在面臨的問題與HTML表格, 其實我固定寬度,並希望增加TD 高度按內容在裏面, 例如:如果TD 寬度30PX並且當內部數據TD橫穿TD寬度我要顯示在下一行等剩餘數據..動態變化表高度

表:

<table width="100%" border="1" > 
     <tr> 
      <td align="left" width="30px"> 
       laaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa text 
     </td> 
      <td align="left" width="30px"> 
       text 
     </td> 
     </tr> 
     </table> 
+0

您是否嘗試將'overflow:auto' CSS標籤應用於您的tds? – 2013-01-05 18:28:32

+0

thans的評論,你能提出這樣做​​的方式。 –

+0

您應該查看css屬性word-breakfor表。我認爲這是你正在尋找的。這裏是W3School關於它的鏈接:http://www.w3schools.com/cssref/css3_pr_word-break.asp – Mike

回答

2

這是您的問題的解決方案!列的寬度在這種情況下是相等的,儘管它們可以改變,更不用說了。

<table border="1" width="100%" style="table-layout:fixed"> 
<tr> 
<td style="word-wrap:break-word">Hellohellohellohellohellohellohellohellohellohellohello 
<td>text</td> 
</tr> 
</table> 

這裏是演示http://jsbin.com/ihaxob/2/edit .. 我已經看到了這個線程解決方案!

Word-wrap in an HTML table

+0

我已經給出不同寬度的td s,但所有td都採用相同的寬度。 –

+0

給出寬度的百分比。 –

+0

給定的寬度僅以%爲單位,在jsbin中工作,但不在本地工作。 我的情況在這裏是不同的..我使用AJAX動態加載表格內容 –