如何使用錨內的div垂直居中放置圖像？

Question

我有一行DIV用於導航，我正在嘗試僅使用CSS將圖像與錨內部垂直對齊。我試過vertical-align：middle;但那是行不通的。我相信它與浮球有關：因爲所有的圖像都被推到了左邊，但是當我把它拿出來的時候，div就會變得瘋狂。

HTML

<div class="linkgroup"> 
     <img src="images/homeIcon.png"> 
     <li class="navItem"><a href="somelink.com" class="navLink">HOME</a></li> 
    </div> 
</ul> 

CSS

.linkgroup{ 
    float: left; 
    height:5px; 
    } 

Answer 1

不知道爲什麼你使用鋰舉行錨元素。從這個問題來看，沒有提到李。所以我假設你只需要一個圖像和一個錨點。 檢查了這一點：

http://jsfiddle.net/U64Tg/2/

基本上你只需要擁有助手有div容器的100％的高度。並且您需要使用

vertical-align: middle; 
display: inline-block; 

對容器div中的所有子元素進行垂直對齊。