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中的空格對齊。