HTML 表格合并单元格:横向跨列和纵向跨行
在 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' 属性,设置其纵向跨越两行。
原文地址: https://www.cveoy.top/t/topic/lCDh 著作权归作者所有。请勿转载和采集!