在html页面中，table表格使用还是比较频繁的，但是，实际的列表中，行列通常不会那么规则的展示，通常需要合并行或者合并列
工具/原料
visual studio code
方法/步骤
1
合并行使用rowspan，合并列使用colspan来进行table行列合并
2
使用visual studio code编辑工具，新建一个html页面，添加html5的页面基本结构
3
在body范围中添加一个table，此处仅做演示，直接在table中添加tr，未添加thead、tbody。并为表格添加css边框样式
4
使用浏览器打开这个测试页面，运行可以看到默认的table样子，此时还没有合并行或者列
5
使用rowspan进行单元格的行合并，此处将第一行第一列设置rowspan=2，那么，第一行第一列相当于就占据第一、二行的第一列，即占用了两个单元格位置，所以，下一行就需要注释掉一个单元格
6
在浏览器中打开这个测试页面，就可以看到第一列进行了行合并
7
使用colspan进行单元格的列合并，此处将第一行的第三、四列合并，在第三列中使用colspan=2，同时注释掉第四列即可
8
在浏览器中打开这个测试页面，就可以看到第一行的第三四列合并了
下一篇：C#编程高并发的几种处理方法