HTML - 可以修复表格宽度？

Question

是否有可能制作一个表格，让我们说4列，1行，宽度为100px，然后必须使用200px的格式，而不必创建新表格？

因为如果我这样做，那么当我在新单元格中设置200px的宽度时，另一个单元格也会改变宽度。我希望新单元格扩展以填充剩余的宽度。

这是一个例子..

<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> 

Answer 1

JsFiddle demo

您实际上需要使用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"> -number指定单元格应跨越的列数。注意：colspan =“0”告诉浏览器将单元格跨越到列组的最后一列（colgroup）

Answer 2

尝试从第二行删除单元格宽度，但为每个单元格添加一个附加属性，如下所示：

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

这两个单元格应该占2个单元格宽度，而不需要重新定义它们的宽度。

MDN TD - Attribute Colspan