2013-03-13 58 views
1

是否有可能做一個表,可以說4列1行與寬度100像素的,然後還要用以下細胞的200像素,而無需創建一個新表?HTML - 可以修復表格的寬度?

,因爲如果我這樣做,那麼當我設置的新的細胞200像素寬度,其他細胞的變化寬度太..我希望以新的細胞來擴大,以填補留下的寬度的其餘部分。

下面的例子..

<table border="1" width="100%"> 
<tr> 
<td width="100px">1</td> 
<td width="100px">2</td> 
<td width="100px">3</td> 
<td width="100px">4</td> 
</tr> 
<tr> 
<td width="200px">5</td> 
<td width="200px">6</td> 
</tr> 
</table> 
+0

神聖的HTML 101,蝙蝠俠。 https://www.google.com/search?q=html+tables – isherwood 2013-03-13 16:33:34

回答

3

JsFiddle demo

你actally需要使用colspan,所以你的代碼會像下面這樣會做的工作,你想

<table border="1" width="100%"> 
<tr> 
<td width="100px">1</td> 
<td width="100px">2</td> 
<td width="100px">3</td> 
<td width="100px">4</td> 
</tr> 
<tr> 
<td colspan="2">5</td> 
<td colspan="2">6</td> 
</tr> 
</table> 

<td colspan="number"> - 值指定單元格跨越的列數。注意:colspan =「0」告訴瀏覽器跨越單元格到列組(colgroup)的最後一列

2

嘗試從第二行中刪除單元格寬度,但爲每個單元格添加一個附加屬性,所以它看起來像:

<td colspan="2"></td> 
<td colspan="2"></td> 

這應該有兩個這些單元格佔兩個單元格的寬度,而不需要重新定義它們的寬度。

MDN TD - Attribute Colspan