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

Question

我的html表格看起来像

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

问题是，当左侧列的高度太大时，右上角单元的高度会扩大太多。

如何设置它以使右上方单元格的高度足以显示其中的内容？基本上使用最小高度来显示内部的一切。右下角的单元格也应设置为顶部的valign。

Answer 1

我有类似的问题。我在大单元格中有图像，右上角有文本，右下角有图像。似乎我的CSS中有table，tr和td的vertical-align属性设置为基线。我不明白为什么，但删除它足以解决我的问题。我希望这对某些人有用。

Answer 2

这会有帮助吗？

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

结果：

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