日期:2014-05-17  浏览次数:20647 次

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

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

项目中需要做一个页面,效果如下:


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



?找了很久原因,最后定位了问题:

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

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

搞定。

?

?

?

?

1 楼 zjltck 2012-10-22  
能不能详见你的代码啊。