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>

要了解有关这两个属性的更多信息,请访问w3.org上的官方文档.

除非你需要提供表格数据,否则我建议你不要使用表格.