HTML表格跨⾏跨列操作（rowspan、colspan）⼀般使⽤<td>元素的colspan属性来实现单元格跨列操作，使⽤<td>元素的rowspan属性来实现单元格的跨⾏操作。colspan属性规定单元格可横跨的列数，所有浏览器都⽀持colspan属性。其取值为number，如下图所⽰：
例如：
<table border="1">
<tr>
<th>星期⼀</th>
<th>星期⼆</th>
</tr>
<tr>
<td colspan="2">星期天</td>
</tr>
</table>
实现结果如下图所⽰：
rowspan属性规定单元格可横跨的列数，所有浏览器都⽀持rowspan属性。其取值为number，如下图所⽰：
例如：
<table border="1">
<tr>
<td rowspan="2">星期⼀</td>
<td>星期⼆</td>
</tr>
<tr>
<td>星期三</td>
html表格元素</tr>
</table>
实现结果如下图所⽰：
总结colspan和rowspan的使⽤如下：
<table border="1">
<tr>
<th colspan="3">物资详情说明</th>
</tr>
<tr>
<td colspan="2" align="center">数量(⽀)</td>
<td rowspan="2">重量(吨)</td>
</tr>
<tr>
<td>实发数</td>
<td>实收数</td>
</tr>
<tr>
<td>12</td>
<td>10</td>
<td>100.00</td>
</tr>
</table>
实现结果如下图所⽰：
到此这篇关于HTML表格跨⾏跨列操作(rowspan、colspan)的⽂章就介绍到这了，更多相关HTML表格跨⾏跨列内容请搜索以前的⽂章或继续浏览下⾯的相关⽂章，希望⼤家以后多多⽀持！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。