html表格合并单元格的方法
html中,colspan属性是合并列,rowspan属性是合并行,合并行的时候,比如rowspan=”2″,它的下一行tr会少一列;合并列的时候 colspan=”2″,此行的列会少一列。
推荐学习:html教程
代码演示:
1
|
<table border= "1" style= "{{margin:200}}" > <tbody> <tr> <th colspan= "2" >我是占位符</th> <th colspan= "2" >我是占位符</th> </tr> <tr> <th rowspan= "2" >我是占位符</th> <th>我是占位符</th> <th>我是占位符</th> <th>我是占位符</th> </tr> <tr> <th>我是占位符</th> <th>我是占位符</th> <th>我是占位符</th> </tr> </tbody> </table> |
扩展资料:
rowspan规定表头单元格应该横跨的行数。注意: rowspan=”0″ 告知浏览器使单元格横跨到表格组件中的最后一个行(thead、tbody 或 tfoot)。