css - 垂直和水平居中图像

Question

我试图在容器中垂直和水平地居中图像。容器的大小是固定的，但是图像可以是任意大小并且需要适合盒子。到目前为止，我已经设法让它水平居中但不是垂直居中。

我已经做了一些谷歌搜索并尝试了一些不同的方法，但它们要么不起作用，要么做其中一种。

这是迄今为止我所拥有的简化示例：

http://jsfiddle.net/ZLXq2/

编辑

就在我发布这个之后，我解决了它！典型的。解决方案可以在这里找到

http://jsfiddle.net/ZLXq2/1/

Answer 1

从头开始，我已经设法修复它，对于遇到这个问题的任何人，都可以在这里看到：

http://jsfiddle.net/ZLXq2/1/

Answer 2

如果您不需要支持 IE7，可以使用此处找到的解决方案： 使用 float:left 在 DIV 内垂直和水平居中图像？

它不需要任何JS。