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>

  

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

有一个相关的属性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。

除非您需要提供表格数据，否则我建议您不要使用表格。