html的table标签的一个怪异行为

其实也不算是怪异吧，主要还是自己对table用的较少，没有掌握得比较好而已。具体经过如下：

项目中需要做一个页面，效果如下：

本也没有什么大的问题，关键就是设置好td的“colspan”和“rowspan”,但是做出来的时候偏偏就出了问题，实际效果如下图：

 找了很久原因，最后定位了问题：

在项目的基础css控制文件中，关于table 的tr、td标签，有一个全局的设置：vertical-align: baseline;

就是这个属性设置出了问题，在自己的css控制文件中给table的tr、td添加了一个覆盖设置：vertical-align: middle;

搞定。