HTML中 rowspan的作用是什么?

html-css09

HTML中 rowspan的作用是什么?,第1张

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>

希望能帮助到你