DIV中的圖像 - 垂直居中

我有一個尺寸爲x的DIV和一些尺寸經常較大的圖像。在這種情況下，我需要在這個DIV中垂直居中的圖像。DIV中的圖像 - 垂直居中

有人知道嗎，我怎麼能意識到這一點？

感謝您的閱讀！

2012-02-06 deelite

可能的重複http://stackoverflow.com/questions/7336503/how-to-vertical-align-image-inside-div – tuze 2012-02-06 10:56:26

爲了讓你的問題更清楚，你可以[顯示你到目前爲止]（http： //jsfiddle.net/）？ – thirtydot 2012-02-06 10:56:53

我擁有它：display：table-cell; vertical-align：middle; – deelite 2012-02-06 11:23:09

你可以把裏面的div的圖像，並把這些div到您的股利和話後，他們中心

您也可以使一個類FO這些div和CSS的部分位置：中心;

2012-02-06 10:56:02

2012-02-06 10:57:33

如果格只包含圖像和沒有文字/一個班輪，您可以設置的line-height =高度，使用垂直對齊居中圖像。

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

PS：有<img/>後空格字符強制圖片對齊到IE6中的空間是很重要的。

2012-02-06 11:06:30

回答