固定td高度CSS

我有一個表格顯示一些數據，我需要表格單元格有一個固定的高度。固定td高度CSS

我試着用css .tdheight { height: 40px;}但不工作。（在Firefox上工作，在鉻不工作）

____________________________ 
|  |__________________| 
|  |     | 
|  |     | 
|  |     | 
|  |__________________| 
|  | here's problem | 
|________|__________________|

請參閱jsfiddle。

如何解決這個問題，以便它可以在所有瀏覽器中使用？

來源

2013-04-27 GeekToL

在我的Firefox中它的作品...？ – bwoebi 2013-04-27 15:27:14

是的，在Firefox上它的作品，但我的鉻不工作 – GeekToL 2013-04-27 15:39:05

將你的消息（「lorem ipsum」單元格）包裝在一個容器中並給它一個最小高度。這將保存最後一行的單元格的實際高度。

見http://jsfiddle.net/zu4Aq/2/

您正在使用rowspan="3"在第一行的單元格強制表體中至少有這個高度。

更改tdheight類

.tdheight { 
    vertical-align: bottom; 
}

這將最後一排的電池粘在底部，無論桌子的高度。

來源

2013-04-27 15:48:32 Alex

爲什麼在Firefox上的作品，但在鉻不工作？ – GeekToL 2013-04-27 15:51:33

爲什麼使用'vertical-align'？我需要td的高度不對齊。 – GeekToL 2013-04-27 15:57:05

好的，我剛剛發現了這個問題。火狐瀏覽器不會共享表格的身體總高度，導致最後一行的單元格的實際位置正確。 – Alex 2013-04-27 16:02:32

回答

相關問題