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

【问题标题】：How to get table cell to use minimum height when using rowspan?使用rowspan时如何让表格单元格使用最小高度？
【发布时间】：2013-07-13 15:39:24
【问题描述】：

我的 html 表格看起来像

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

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

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

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

这会有帮助吗？

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

结果：

【讨论】：

您的 jsfiddle 实际显示此工作方式错误......右下角正在修复，右上角正在增长。这可以解决它：table.spanned tr:first-child {height:100%}
@musefan 我不确定我明白你在说什么。你提到的 CSS 已经在 fiddle 中了，那它是如何修复的呢？