HTML | 行跨度属性

在HTML中，行跨度属性是一种用于指定表格行应该跨越多个单元格的属性。该属性可以在表格的<tr>标签中使用，通常用于创建单元格合并的效果。

语法

在HTML中，行跨度属性可以使用rowspan属性来设置：

<tr rowspan="number">
  <!-- 表格单元格 -->
</tr>

上述代码中，rowspan属性的值应该是一个数字，表示行需要跨越的单元格数。

示例

以下示例展示了如何使用行跨度属性合并单元格：

<table>
  <tr>
    <th>姓名</th>
    <th>年龄</th>
    <th>性别</th>
    <th>爱好</th>
  </tr>
  <tr>
    <td rowspan="2">张三</td>
    <td>18</td>
    <td>男</td>
    <td>游泳</td>
  </tr>
  <tr>
    <td>20</td>
    <td>女</td>
    <td>跑步</td>
  </tr>
  <tr>
    <td>李四</td>
    <td>22</td>
    <td>男</td>
    <td>篮球</td>
  </tr>
</table>

以上示例中，第一行的单元格合并了两行，创建了一个跨度为2的单元格。

注意事项

• 行跨度属性只能应用于表格的<tr>标签，不能应用于表格的其他标签。
• 行跨度属性的值必须是一个正整数。
• 行跨度属性可以与列跨度属性一起使用，创建更复杂的跨度效果。