- 0133技术站
- 联系QQ:88526
- QQ交流群
- 微信公众号
定义
rowspan 属性定义单元格应该横跨的行数。
语法
<td rowspan="number">
属性值
● number:规定单元格应该横跨的行数。注意: rowspan="0"
告知浏览器使单元格横跨到表格组件中的最后一个行(thead、tbody 或 tfoot)。
浏览器支持
属性 | |||||
rowspan | 支持 | 支持 | 支持 | 支持 | 支持 |
所有主流浏览器都支持 rowspan 属性。
注意:只有 Firefox 和 Opera 支持 rowspan="0"
,该值有特殊的含义(请看上面的"属性值")。
横跨两行的表格单元格:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>0133技术站(0133.cn)</title> </head> <body> <table border="1"> <tr> <th>商品</th> <th>价格</th> <th>优惠!</th> </tr> <tr> <td>T恤</td> <td>¥60.00</td> <td rowspan="2">¥40.00</td> </tr> <tr> <td>帽子</td> <td>¥50.00</td> </tr> </table> </body> </html>
点击 "运行实例" 按钮查看在线实例
rowspan="0" 的使用
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>0133技术站(0133.cn)</title> </head> <body> <table border="1"> <thead> <tr> <th>商品</th> <th>价格</th> <th rowspan="3">优惠!</th> </tr> </thead> <tbody> <tr> <td>T恤</td> <td>¥60.00</td> <td rowspan="0">¥40.00</td> </tr> <tr> <td>帽子</td> <td>¥50.00</td> </tr> </tbody> </table> <p><b>注意:</b>该实例只适用于 Firefox 和 Opera 浏览器,实例演示了 rowspan="0" 的使用。</p> </body> </html>
点击 "运行实例" 按钮查看在线实例
推荐手册