固定td高度CSS

Question

我有一个显示某些数据的表格，我需要表格单元格具有固定的高度。

我尝试使用css .tdheight { height: 40px;}但不能正常工作。 （在firefox上运行，在chrome上无效）

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

见jsfiddle。

如何修复此问题以便它适用于所有浏览器？

Answer 1

将您的信息（“lorem ipsum”单元格）包裹在容器中并给它一个最小高度。这将保存最后一行单元格的实际高度。

请参阅http://jsfiddle.net/zu4Aq/2/

---

您在第一行的单元格中使用rowspan="3"，强制表格主体至少达到此高度。

将您的tdheight类更改为

.tdheight {
  vertical-align: bottom;
}

无论桌子的高度如何，这都会将最后一行的单元格粘在底部。