2015-09-04 72 views
0

我需要澄清一下關於colspan和html的寬度。爲什麼我不能將寬度設置爲跨越的列?表格寬度與html中的colspan相關

<table width='520'> 
 
<tr> 
 
<td width='60'><strong>A</strong></td> 
 
<td colspan='2' width='100'><strong>B</strong></td> 
 
<td colspan='2' width='100'><strong>C</strong></td> 
 
<td colspan='2' width='100'><strong>D</strong></td> 
 
<td width='60'><strong>E</strong></td> 
 
<td align='center' width='100' ><strong>F</strong></td> 
 
</tr> 
 
<tr> 
 
<td width='60'></td> 
 
<td width='50'></td> 
 
<td width='50'></td> 
 
<td width='50'></td> 
 
<td width='50'></td> 
 
<td width='50'></td> 
 
<td width='50'></td> 
 
<td width='60'></td> 
 
<td width='100'></td> 
 
</tr> 
 
</table>

的代碼在上述的格式。無數據時列收縮,數據大小變大時列大小增加。

回答

0

您不能簡單地更改colspanned列的大小,因爲它必須適合此表中的其他列。它是約束。

下方你具有用於與列跨度每一個雙列的兩列用寬度= 50這意味着它必須具有寬度= 100這實際上是2 * 50

您可以通過修改單列寬度或添加更多列來修改您的colspanned列。

+0

謝謝你的哥們。但是,即使在指定寬度後,爲什麼在沒有數據時列也會縮小。 – Gowtham

+0

我不知道「縮水」是什麼意思 - 請看下面的例子來更好地理解它:https://jsfiddle.net/kt96ty94/ - 嘗試中間化** A **和** C **,並且看到沒有任何事情發生,直到您將修改 –

+0

之下的列的寬度清楚地理解爲止。多謝,夥計 – Gowtham