css - 固定 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;
}

无论表格的高度如何，这都会将最后一行的单元格粘贴到底部。