使div中的元素垂直对齐

Question

这是实例：

http://jsfiddle.net/NjnAF/

div #con是搜索结果面板，我希望以列表方式显示搜索项目，带有图标和文本。

现在我不能使图标垂直对齐，使文本在图像的中心位于“1”“2”。

有什么建议吗？

Answer 1

我用了 ：

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;
}

我已经更新了小提琴 。 那是你需要的吗？

Answer 2

使用行高 - 垂直对齐：块级元素，如div对垂直对齐没有任何影响。 您需要使用行高或使用div作为相对的绝对定位。

Answer 3

你需要修改CSS

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

添加这两个属性。 垂直对齐不起作用。 小提琴http://jsfiddle.net/NjnAF/2/