其實也不算是怪異吧,主要還是自己對table用的較少,沒有掌握得比較好而已。具體經過如下:
項目中需要做一個頁面,效果如下:
本也沒有什麼大的問題,關鍵就是設置好td的“colspan”和“rowspan”,但是做出來的時候偏偏就出了問題,實際效果如下圖:
找了很久原因,最後定位了問題:
在項目的基礎css控制文件中,關於table 的tr、td標籤,有一個全局的設置:vertical-align: baseline;
就是這個屬性設置出了問題,在自己的css控制文件中給table的tr、td添加了一個覆蓋設置:vertical-align: middle;
搞定。