好的，所以我有各种解决方案来垂直对齐容器内任意高度的元素。当内容的高度小于容器时，所有这些都有效。
如果内容高度比容器高怎么办？例如，假设我有一个固定高度为 100px 的容器。我也有一些不同高度的图像；我需要垂直对齐它们，以便图像的中心点与容器的中心点匹配，如下所示:
(无法上传图片，因为我的信誉显然不够好)- 示例在这里:http://gbradley.com/_images/stuff/valign.png
如果不手动指定图像的位置，我该如何实现？我觉得我错过了一些非常明显的东西。
最佳答案
如果你不需要小于 8 的 IE 并且在标准模式下，你可以使用大负边距和辅助伪元素:http://jsfiddle.net/kizu/CXRVn/
如果您需要较旧的 IE，您可以使用另一种方式，使用具有较大高度和一些定位怪癖的辅助元素:http://jsfiddle.net/kizu/CXRVn/5/
您必须将负顶部偏移设置为 .image 等于助手高度的一半减去父级高度的一半。在 IE6 中工作:)
关于css - 打破容器时垂直对齐图像，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7693747/