这里只谈如何合并单元格，不涉及其他表格属性。
表格的基本结构
一个简单的3x4的表格
1 | <!-- table：表格 --> |
看这里↓
跨行合并（rowspan）
比如我们把（1,2,3）行的第一列合并，（鼠标移动看效果）：
怎么做？
1、选择左上角的单元格（第一行，第一列）,添加属性 rowspan="3"，表示跨3行合并。
1 | <tr> |
2、删除多余的两个单元格（第二行和第三行的第一个）
1 | <tr> |
跨列合并（colspan）
比如我们把（1,2,3,4）列的第一行合并，（鼠标移动看效果）：
怎么做？
1、选择左上角的单元格（第一行，第一列）,添加属性 colspan="4"，表示跨4列合并。
1 | <tr> |
2、删除多余的三个单元格（第一行的第2、3、4个）
1 | <tr> |
同时跨行列合并
比如我们把前两行和前两列合并，（鼠标移动看效果）：
怎么做？
1、选择左上角的单元格（第一行，第一列）,添加属性 colspan="2" rowspan="2"，表示跨2行、2列合并。
1 | <tr> |
2、删除多余的三个单元格（第一行的第2个,第二行的1、2两个）
1 | <table> |
Tips: 总结，每次选取你要合并的区域的左上角，合并后把多余的单元格删掉。
- 本文链接： https://anyway521.github.io/post/a3584e3f.html
- 最后更新：
- 版权声明： 博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议进行许可，转载请注明出处！