2013-04-27 107 views
0

我有一个表格显示一些数据,我需要表格单元格有一个固定的高度。固定td高度CSS

我试着用css .tdheight { height: 40px;}但不工作。 (在Firefox上工作,在铬不工作)

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

请参阅jsfiddle

如何解决这个问题,以便它可以在所有浏览器中使用?

+0

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

+0

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

回答

0

将你的消息(“lorem ipsum”单元格)包装在一个容器中并给它一个最小高度。这将保存最后一行的单元格的实际高度。

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


您正在使用rowspan="3"在第一行的单元格强制表体中至少有这个高度。

更改tdheight类

.tdheight { 
    vertical-align: bottom; 
} 

这将最后一排的电池粘在底部,无论桌子的高度。

+0

为什么在Firefox上的作品,但在铬不工作? – GeekToL 2013-04-27 15:51:33

+0

为什么使用'vertical-align'?我需要td的高度不对齐。 – GeekToL 2013-04-27 15:57:05

+0

好的,我刚刚发现了这个问题。火狐浏览器不会共享表格的身体总高度,导致最后一行的单元格的实际位置正确。 – Alex 2013-04-27 16:02:32