html的table標籤的一個怪異行爲

其實也不算是怪異吧,主要還是自己對table用的較少,沒有掌握得比較好而已。具體經過如下:

項目中需要做一個頁面,效果如下:


本也沒有什麼大的問題,關鍵就是設置好td的“colspan”和“rowspan”,但是做出來的時候偏偏就出了問題,實際效果如下圖:



 找了很久原因,最後定位了問題:

在項目的基礎css控制文件中,關於table 的tr、td標籤,有一個全局的設置:vertical-alignbaseline;

就是這個屬性設置出了問題,在自己的css控制文件中給table的tr、td添加了一個覆蓋設置:vertical-alignmiddle;

搞定。

 

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章