html - 使用rowspan时如何让表格单元格使用最小高度？

Question

我的 html 表看起来像

-------
|  |  |
|  |--|
|  |  |
-------

问题是，当左侧列的高度变得太大时，右上角单元格的高度会膨胀太多。

如何设置它，使右上角单元格的高度仅大到足以显示其中的内容？基本上使用最小高度来显示里面的所有东西。右下角的单元格也应该将 valign 设置为顶部。

Answer 1

我有一个类似的问题。我在大单元格中有图像，右上角有文本，右下角有图像。看来我在我的 CSS 中为 table、tr 和 td 设置了垂直对齐属性。我不明白为什么，但删除它足以解决我的问题。我希望这对某些人有用。

Answer 2

这会有帮助吗？

table.spanned tr:first-child {height:100%}

结果：

http://jsfiddle.net/MrLister/zqDDu/4/