css - 垂直对齐 div 元素中的图像？

Question

我有一个 div 元素，我用 em 设置了它的高度，我用百分比设置了它的宽度。里面有一张图片。它的宽度百分比 (83%)。但是，如果我的分辨率使 div 元素开始变窄，图像也会变窄，但图像不会占据整个 div(应该如此)，而是变小并出现在div的顶部。为了弥补这一点，我想在 div 元素内垂直对齐我的图像。我该怎么做？

Answer 1

vertical-align 在 DIV 元素中不起作用。唯一的方法是在 css 中将此属性设置为您的 div:

.divClass
{
   display:table-cell;
   vertical-align:middle;
}

在它之后，您的 DIV 元素将充当 Table 的 TD 元素。

要在 div 中对齐图像并指定图像垂直位置的百分比，请查看下面的链接(百分比值):

http://reference.sitepoint.com/css/vertical-align