DIV中的图像-垂直居中

Question

我有一个尺寸为x的DIV，并且其中有些图像的尺寸通常较大。 在这种情况下，我需要将图像垂直放置在此DIV中。

谁知道吗，我怎么能意识到呢？

感谢您阅读！

Answer 1

您可以将图像放置在div内，然后将这些div放到您的div中，并在单词之后居中

您还可以为这些div创建一个类，并在css part位置中：center;

Answer 2

您可以在此处使用垂直对齐方式http://phrogz.net/css/vertical-align/index.html

Answer 3

如果div仅包含图像而没有文本/一个衬纸，则可以设置line-height = height并使用vertical-align来使图像居中。

<div style="height: 10px; line-height: 10px">
    <img src="" style="vertical-align: middle"/> 
</div>

PS：重要的是，在<img/>之后有一个空格字符，以强制图像与IE6中的空格对齐。