Question

我有这个div，在div里面是一个图像，我想要做的是垂直对齐图像，使其居中于中间，我尝试的任何东西似乎都无法工作......

<div style=" height: 200px; vertical-align: middle; width: 225px;">
<img width="225" src="upload/home5.jpg">
</div>

我也尝试过为图片添加vertical-align:middle;，但这不起作用。

有人有任何想法吗？

我忘了提到我正在使用一些jQuery代码，它使我的div position:absolute;

这是我的div在通过Jquery之后的样子

<div style="position: absolute; top: 0px; left: 0px; display: block; z-index: 4; opacity: 1; width: 225px; height: 200px;">

这是图像的css

img {    
    background-color: #eee;
    margin: auto;
    display:block;
}

Answer 1

您可以在div上使用display：table-cell。这允许vertical-align属性起作用。不支持IE7。如果您需要，还有其他解决方案。

div { border: 1px solid gray; display: table-cell;  }
img { vertical-align:middle; }