html表格合并单元格的方法

124 阅读 0 评论 82 点赞

我是靠谱客的博主风趣草丛，最近开发中收集的这篇文章主要介绍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>
登录后复制