li标签中list-style-image如何居中

使用list-style-image设置了一个列表项的小图标时,一直不能让图标居中的显示。

解决办法是:使用ul li的backgrou-image(背景图片)来设置。

代码如下:

ul li{ 
height:28px;  
line-height:28px;  
text-indent:15px;  
background-image:url("../images/icon.gif");  
background-position:left 45%;  
background-repeat:no-repeat;  
} 

注:在默认情况下,list-style-image如果插入的图标是比较大的图的时候,默认是图标和文字底部对齐,试了很多次,没办法改变。用这种办法,把图标设为li的背景,然后控制背景的位置,是一个很好的解决办法。

posted @ 2013-11-15 02:03  Fienly  阅读(1678)  评论(0编辑  收藏  举报