HTML | DOM TableData rowSpan 属性

介绍

HTML 表格中的每个单元格可以设置列宽和行高来调整单元格的大小。但是，有时候我们需要让一个单元格跨越多个行或多个列。这时，我们就可以使用 rowSpan 和 colSpan 属性。

rowSpan 属性定义了一个单元格要跨越多少个行。如果我们设置了一个单元格的 rowSpan 属性为 2，则该单元格会跨越两行。也就是说，它会占据所在行和下一行中的这个单元格。

下面是一个简单的例子，其中第一个单元格的 rowSpan 属性设置为 2，它会跨越两行。

<table>
  <tr>
    <td rowspan="2">单元格 1</td>
    <td>单元格 2</td>
    <td>单元格 3</td>
  </tr>
  <tr>
    <td>单元格 4</td>
    <td>单元格 5</td>
  </tr>
</table>

语法

<td rowspan="number">

属性值

下面是 rowSpan 属性的可能值：

• number：必须是非负整数。它定义了要跨越多少个行。默认值为 1。

实例

下面是一个使用 rowSpan 属性的例子，其中第一个单元格跨越了两行：

<table style="width:100%">
  <tr>
    <td rowspan="2">这个单元格跨越<br>两行。</td>
    <td>第 1 行，第 2 列</td>
    <td>第 1 行，第 3 列</td>
  </tr>
  <tr>
    <td>第 2 行，第 2 列</td>
    <td>第 2 行，第 3 列</td>
  </tr>
</table>

总结

rowSpan 属性用于指定一个单元格要跨越多少个行。它可以让我们创建更复杂的表格布局，使得表格更加有用和易于读取。