HTML中实现表格的合并列(colspan)和合并行(rowspan)
warning:
这篇文章距离上次修改已过193天,其中的内容可能已经有所变动。
在HTML中,可以使用colspan
和rowspan
属性来实现表格单元格的跨列合并和跨行合并。
跨列合并(Colspan):
<table border="1">
<tr>
<th>姓名</th>
<th colspan="2">联系信息</th>
</tr>
<tr>
<td>张三</td>
<td>电子邮箱</td>
<td>电话号码</td>
</tr>
</table>
跨行合并(Rowspan):
<table border="1">
<tr>
<th>序号</th>
<th>姓名</th>
<th>职务</th>
</tr>
<tr>
<td rowspan="2">1</td>
<td>张三</td>
<td>总裁</td>
</tr>
<tr>
<td>李四</td>
<td>CTO</td>
</tr>
</table>
在上述代码中,colspan
用于合并一个单元格在水平方向跨越多列,而rowspan
用于合并一个单元格在垂直方向跨越多行。
评论已关闭