垂直和水平居中图像

Question

我试图将图像垂直和水平居中放在容器中。容器的尺寸是固定的，但是图像可以是任何尺寸并且需要装在盒子中。到目前为止，我已将其设置为水平居中而非垂直居中。

我做了一些谷歌搜索，并尝试了一些不同的方法，但他们要么不工作，要么做一个或另一个。

以下是我到目前为止的简化示例：

http://jsfiddle.net/ZLXq2/

修改

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

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

Answer 1

从头开始，我已经设法解决了这个问题，对于遇到这个问题的人来说，可以在这里看到：

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

Answer 2

如果您不需要支持IE7，可以使用此处的解决方案： Center image vertically and horizontally inside of DIV with float:left?

它不需要任何JS。