DIV中的图像-垂直居中

Question

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

有没有人知道，我怎么能意识到这一点？

感谢你阅读这篇文章！

Answer 1

您可以将图像放在div中，并将这些div放在div中，然后在单词之后将它们居中。

您还可以为这些div创建一个类，并将其放在css部分的位置:center；

Answer 2

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

Answer 3

如果div只包含图像而不包含文本/一行，您可以设置line-height=height，并使用垂直对齐将图像居中。

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

PS:为了强制图像与IE6中的空格对齐，在<img/>后面加上一个空格字符是很重要的。