单元格合并行列需要使用 colspan 和 rowspan 属性。例如,合并 2 行 2 列的单元格:

<table>
  <tr>
    <th>姓名</th>
    <th>性别</th>
    <th>年龄</th>
    <th>城市</th>
  </tr>
  <tr>
    <td rowspan='2'>张三</td>
    <td>男</td>
    <td>25</td>
    <td>北京</td>
  </tr>
  <tr>
    <td>女</td>
    <td>23</td>
    <td>上海</td>
  </tr>
  <tr>
    <td>李四</td>
    <td>男</td>
    <td colspan='2'>广州</td>
  </tr>
</table>

在第一个 tr 中,第一个单元格使用了 rowspan='2',表示要合并 2 行。在第二个 tr 中,第一个单元格留空,因为它已经被第一个单元格合并了。第三个 tr 中,第三个单元格使用了 colspan='2',表示要合并 2 列。

HTML 表格合并单元格:colspan 和 rowspan 属性详解

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

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