使在div對齊元素垂直方向的中間

Question

這就是活生生的例子：

http://jsfiddle.net/NjnAF/

的DIV＃CON是搜索結果面板，我要在以列表的方式與所顯示的搜索項圖標和文字。

現在我不能讓圖標垂直對齊中間，並使文本成爲圖像中心的「1」「2」。

有什麼建議嗎？

Answer 1

你需要修改CSS

div.item div.img{ text-align:center; 
         margin-top:2px; /*can change this according to your need */ 
        } 

添加這兩個屬性。垂直對齊不起作用。小提琴http://jsfiddle.net/NjnAF/2/

Answer 2

我用：

div.item div.img { 
    float: left; 
    width: 22px; 
    height: 25px; 
    background-image: url('http://i.stack.imgur.com/NpSHB.gif'); 
    background-repeat: no-repeat; 
    background-position: center left; 
    text-align: center; 
    vertical-align: middle; 
} 

，我已經更新了fiddle。那是你需要的嗎？

Answer 3

使用行高 - 垂直對齊：塊級元素（如div）對垂直對齊沒有任何影響。您需要使用line-height或使用div作爲絕對定位。