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

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


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

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


html的table标签的一个怪异行为
 找了很久原因,最后定位了问题:

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

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

搞定。

 

 

 

 

相关文章:

  • 2022-12-23
  • 2021-09-22
  • 2022-12-23
  • 2021-11-11
  • 2022-12-23
  • 2022-12-23
  • 2021-11-04
  • 2022-12-23
猜你喜欢
  • 2021-07-21
  • 2021-11-13
  • 2021-07-07
  • 2022-12-23
  • 2022-12-23
  • 2021-05-02
  • 2022-12-23
相关资源
相似解决方案