DIV中的图像 - 垂直居中

Question

我有一个尺寸为x的DIV和一些尺寸通常更大的图像。在这种情况下，我需要垂直居中于此DIV的图像。

任何人都知道，我怎么能意识到这一点？

感谢您阅读！

Answer 1

您可以将图像放在div中，并将这些div放入Your div中，然后将单词放在中心位置

您还可以为这些div创建一个类，并在css部分位置：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中的空格对齐非常重要。