rowspan 属性规定单元格可横跨的行数。
代码如下:
<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100.00</td>
<td rowspan="2">$50</td>
</tr>
<tr>
<td>February</td>
<td>$10.00</td>
</tr>
</table>
扩展资料
rowspan属性使用技巧:
rowspan属性可以与HTML表中的<td>和<th>元素一起使用。
rowspan属性与<td>标签一起使用时,rowspan属性决定了它应跨越的标准单元格数。
当rowspan属性与<th>标签一起使用时,rowspan属性确定它应该跨越的标题单元格的数量。
所以浏览器都支持 rowspan 属性。没有浏览器支持 rowspan="0",这个值有特殊的意义。
语法:<td rowspan="value">
number 设置单元格可横跨的行数。
注释:rowspan="0" 指示浏览器横跨到表格部分的最后一行(thead、tbody 或者 tfoot)。
首先,colspan是跨列,rowspan是跨行;
你需要值班人员跨行,那么就需要用rowspan;
colspan和rowspan的取值都是以一个tr包含多少个子元素为数值(不是行数,也不一定是列数)
例如:
<table><tr>
<td colspan="4">tr包含元素共有4个</td>
</tr>
<tr>
<td>c_1</td>
<td>c_2</td>
<td>c_3</td>
<td>c_4</td>
</tr>
</table>
再如:
<table><tr>
<td rowspan="3">tr包含元素共有3个</td>
</tr>
<tr>
<td>r_1</td>
<td>r_2</td>
<td>r_3</td>
</tr>
<tr>
<td>r_1</td>
<td>r_2</td>
<td>r_3</td>
</tr>
</table>
希望能帮助到你