在 HTML 中,使用 'colspan' 属性来合并单元格横向跨越的列数,使用 'rowspan' 属性来合并单元格纵向跨越的行数。

例如,要将一个单元格横向合并两列,代码如下:

<table>
  <tr>
    <td colspan='2'>合并了两列</td>
    <td>第三列</td>
  </tr>
  <tr>
    <td>第一列</td>
    <td>第二列</td>
    <td>第三列</td>
  </tr>
</table>

要将一个单元格纵向合并两行,代码如下:

<table>
  <tr>
    <td>第一列</td>
    <td rowspan='2'>合并了两行</td>
    <td>第三列</td>
  </tr>
  <tr>
    <td>第一列</td>
    <td>第三列</td>
  </tr>
</table>

在上述代码中,第二个单元格使用了 'rowspan' 属性,设置其纵向跨越两行。

HTML 表格合并单元格:横向跨列和纵向跨行

原文地址: https://www.cveoy.top/t/topic/lCDh 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录