HTML中 rowspan的作用是什么?

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>

希望能帮助到你

是HTML标记语言里面<table>标签里<tr>的属性吧?rowspan就是用来合并的,比如rowspan=2就是合并两行,colspan就是合并列的,colspan=2的话就是合并两列。

举个例子吧:

如果一张表是两行两列,我这时只要第一行的一列并且要与第二行的两列是对齐的,那么就要用到colspan;同理,我只要第一列的一行并要与第二列的两行是对齐的,那么就要用到rowspan属性了。

还有不懂的问我,希望能帮到你!


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7224826.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-03
下一篇 2023-04-03

发表评论

登录后才能评论

评论列表(0条)

保存