固定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

回答

相关问题