html表格合并单元格的办法

html表格合并单元格的办法

html中，colspan属性是合并列，rowspan属性是合并行，合并行的时候，比方rowspan="2"，它的下一行tr会少一列；合并列的时候 colspan="2"，此行的列会少一列。

引荐学习：html教程

代码演示：

<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）。

以上就是html表格合并单元格的办法的具体内容，更多请关注百分百源码网其它相关文章！