2015-09-04 76 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