垂直和水平对齐框中的图像答案

【问题标题】：Vetical and Horizontally Align an image in a box垂直和水平对齐框中的图像
【发布时间】：2011-02-20 20:36:40
【问题描述】：

问题：

我有一个设置的宽度和高度图像让我们说 height:160px;宽度：200px；每个框中都有一张图片。

图像的大小可能会有所不同，但我需要一种解决方案，无论它的大小如何，它都能始终将图像垂直和水平居中在框中。

使用 margin: 0 auto 水平似乎不是问题，但事实证明垂直是困难的。我尝试过垂直对齐：居中，但这似乎也不起作用

如有任何帮助，我们将不胜感激谢谢

【问题讨论】：

【解决方案1】：

center 不是vertical-align 的有效值（您可能将它与middle 混淆了）。尽管如此，vertical-align 在这里并不是正确的方法，而且通常是一个被误解的属性。我已经多次推荐了以下网站，它也应该对您有所帮助：

【讨论】：