HTML5合并单元格

合并单元格

1,说明:特殊情况下,可以把多个单元格合并为一个单元格,这里只需要知到简单的即可

2,合并单元格的方式
跨行合并: rowspan=“合并单元格的个数”
跨列合并: colspan=“合并单元格的个数”

3,目标单元格:(写合并代码)
跨行:最上侧单元格为目标单元格,写合并代码
跨列:最左侧单元格为目标单元格,写合并代码

4,合并单元格的三部曲:
先确定是跨行合并还是跨列合并
找到目标单元格,写上合并方式=合并单元格的数量,eg:
删除多余的单元格

5,示例

            <table width="500" height="249" border="1" cellspacing="0">
                <tr>
                    <td></td>
                    <td colspan="2"></td>
                </tr>        
                <tr>            
                    <td rowspan="2"></td>            
                    <td></td>            
                    <td></td>        
                </tr>        
                <tr>            
                    <td></td>            
                    <td></td>        
                </tr>    
            </table>

发布了27 篇原创文章 · 获赞 24 · 访问量 5847

猜你喜欢

转载自blog.csdn.net/qq_43663493/article/details/104832321