HTML | td 行跨度属性

概述

HTML <td> 元素用于定义 HTML 表格中的单元格。行跨度属性 (rowspan) 可以用来指定单元格跨越的行数。

语法

<td rowspan="number">

rowspan 属性可设置为任何大于 1 的整数。

示例

以下示例展示了如何在 HTML 表格中使用 rowspan 属性来合并行：

<table style="width:100%">
  <tr>
    <th>商品</th>
    <th>数量</th>
    <th>价格</th>
  </tr>
  <tr>
    <td rowspan="2">苹果</td>
    <td>3</td>
    <td>$1.99</td>
  </tr>
  <tr>
    <td>5</td>
    <td>$3.99</td>
  </tr>
  <tr>
    <td>香蕉</td>
    <td>2</td>
    <td>$0.99</td>
  </tr>
  <tr>
    <td>橙子</td>
    <td>1</td>
    <td>$0.89</td>
  </tr>
</table>

在上面的示例中，第一行的 “苹果” 单元格通过指定 rowspan="2" 来跨越两行。第二行的 “苹果” 单元格将占用第二行的第一个位置，而没有单独的单元格。

结论

使用 rowspan 属性可以轻松地在 HTML 表格中合并行。 rowspan 属性表明单元格将跨越的行数，并允许多行单元格跨越一组行。