Question

li 标签里的文字上下居中，与图片处于同一水平线

可以看到，这些蓝色图片在 li 标签里是处于垂直居中的，与上下两条黑点线条都有空隙。
而文字却紧紧贴合黑点线条，与蓝色图片不在同一水平上。

要怎么控制文字位置与图片在同一水平线上？
以上是该块元素的CSS代码。





Answer 1

你还可以设置文字内边距为
padding:3px 0 3px 0
或者只加个padding-bottom:2px
大小自己调整吧

追问

哈哈！我终于找到解决方法了，给在HTML里的图片加上： align="texttop"。
不要任何行高，然后在CSS里给li写marging-top：6px。
完成！

Answer 2

把li加上line-height属性，让Line-height=li的高

#div_list li{line-height:25px;}这里的25你可以试下，我觉得应该是在20多点的样子

追问

HTML里写 <li style="height:30px">

CSS里写 line-height:30px;

然后变成这样了：

===================

我是模仿中关村来做的，中关村的效果是这样的：

追答

可以加个li img{line-height:数字;}这样就可以了

那也可以把后面的文字加个这样可以只设a的line-height值就可以

我下班咯，闪了

追问

写成超链接了依然不在一个水平线。

写成 li img{line-height:35px;} 也无效

追答

li img不写Line-height属性，li a{line-height:数字;height:数字:}

追问

“提问者评价：好评 谢谢啊”，坑爹呢这是，我什么时候评价了上面那个设计师的？百度知道又瞎搞。
各位辛苦了，但都没有能解决这个问题。最后我自己把图片和文字分别做了DIV，控制位置就对齐了，代码多了一点，好歹效果出来了。
所以我就不采纳满意答案了~~抱歉~

Answer 3

在#div_list li里面增加一个{height:30px;line-height:30px;}即可，这样一行文字即可居中。

追问

没有改观，依然不在一个水平线上耶~

追答

去掉行高，直接给文字直接加个margin-bottom:5px;