CSS：最小高度和垂直对齐：中间答案

【问题标题】：CSS: min-height and vertical-align:middleCSS：最小高度和垂直对齐：中间
【发布时间】：2011-08-06 05:52:02
【问题描述】：

如何强制min-height 和vertical-align:middle 为td 元素或其内部元素工作？

【问题讨论】：

【解决方案1】：

td 元素上的 height 等效于 min-height，因为如果需要，表格单元格将始终拉伸 - 但请注意，特别是在复杂表格中，在表格行上设置高度是一个棘手的问题，通常是不可能的过程，浏览器在如何呈现表格方面有很大的余地，并且经常会做出“判断调用”

td {
 height: 100px;
 vertical-align:middle;
}

【讨论】：

但我需要最小高度。 :) 例如，当我为 td 内部的 div 元素设置最小高度时，除了垂直对齐之外，一切都很好：) 我需要最小高度，因为我不知道内部元素的确切高度。跨度>
一个 div 或 td 中的任何其他元素是另一回事，即使您可以设置它的高度，理论上无论如何都是 100% 'td` 高度的 100% .. 那么你将不会得到vertical-align.. 因为该属性仅适用于td 本身和内联级别元素 - 最好让里面的元素没有/自动高度，这样他们将使用 td 的垂直对齐..如果您想要背景或效果，请考虑如何使用td.. 一个示例将使我们能够看到您实际追求的内容;)
+1 我认为对于绝对定位的 td，那么 min-height 是正确的样式。我有使用绝对定位的 td 的“冻结”列，然后休息是相对的，所以绝对的得到 min-height，其余的得到 height。

【解决方案2】：

margin: *;

或许能胜任...

【讨论】：

【解决方案3】：

你总是可以在td里面放一个div，把css规则放在div里面...

【讨论】：

【解决方案4】：

要强制 td 的 min-height 属性，您还可以将不可见的图像放入 td，或者将您的 td 包装到 div 中。第一种情况的示例：

<td><img style="float:left;min-height:50px;visibility:hidden;width:0px;">12345</td>

【讨论】：