html - 可变高度容器内元素的垂直中间

Question

我有以下情况:

一个可变高度的 div (#container)，里面有一个图像(放置在另一个 div 中的图像)，我需要 float :右 和 在中间垂直对齐。如何做到这一点？

谢谢。

编辑:

也许我说得不够清楚，我事先不知道容器有多少内容，从几行到一整面文字，所以任何依赖于它的高度的解决方案都赢了不工作(这是我的问题 :P)

这是一个 fiddle ，其中包含与图像对齐的可能内容示例:http://jsfiddle.net/9DbmN/

Answer 1

你应该看看Centering in the Unknown克里斯·科伊耶 (Chris Coyier) 着。 Imo 这是垂直居中 chalice 的一个非常可靠的解决方案。