html表单元格合并

Question

我有一个3行3列的表。如何组合最后一行的列？我的HTML：

<table> 
    <tr><td></td><td></td><td></td></tr> 
    <tr><td></td><td></td><td></td></tr> 
    <tr><td>Here I need a cell by all width</td></tr> 
</table> 

Answer 1

使用colspan属性：

<tr><td colspan="3">Here I need a cell by all width</td></tr> 

的跨度属性定义单元格跨越的列数。

有一个相关的属性rowspan可以实现相同的行。

Answer 2

对于colspan属性创建此确切目的。

<table> 
    <tr><td></td><td></td><td></td></tr> 
    <tr><td></td><td></td><td></td></tr> 
    <tr><td colspan="3">Here I need a cell by all width</td></tr> 
</table> 

同样可以使用，如果你想跨越多个行使用rowspan属性。

<table> 
    <tr><td></td><td></td><td rowspan="3">Spans full table height</td></tr> 
    <tr><td></td><td></td></tr> 
    <tr><td></td><td></td></tr> 
</table> 

要了解有关这两个属性的更多信息，请访问官方documentation on w3.org。

另外我希望你不要使用表格，除非你需要表格数据。