HTML 表格跨⾏、跨列操作（rowspan 、colspan ）⼀般使⽤<td>元素的colspan属性来实现单元格跨列操作，使⽤<td>元素的rowspan属性来实现单元格的跨⾏操作。colspan属性规定单元格可横跨的列数
，所有浏览器都⽀持colspan属性。其取值为number，如下图所⽰：例如：
实现结果如下图所⽰：rowspan属性规定单元格可横跨的列数
，所有浏览器都⽀持rowspan属性。其取值为number，如下图所⽰：例如：
实现结果如下图所⽰：
总结colspan和rowspan的使⽤如下：
1
<table border="1">2
<tr>3
<th>星期⼀</th>4
<th>星期⼆</th>5
</tr>6
<tr>7
<td colspan="2">星期天</td>8  </tr>9</table>
1
<table border="1">2
<tr>3
<td rowspan="2">星期⼀</td>4
<td>星期⼆</td>5
</tr>6
<tr>7
<td>星期三</td>8  </tr>9</table>
1<table border="1">
2  <tr>
3    <th colspan="3">物资详情说明</th>
4  </tr>
5  <tr>
6    <td colspan="2" align="center">数量(⽀)</td>
7    <td rowspan="2">重量(吨)</td>
8  </tr>
9  <tr>
10    <td>实发数</td>
11    <td>实收数</td>
12  </tr>
13  <tr>
14    <td>12</td>
html表格元素
15    <td>10</td>
16    <td>100.00</td>
17  </tr>
18</table>
实现结果如下图所⽰：

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