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的背景，然后控制背景的位置，是一个很好的解决办法。

转载于:https://www.cnblogs.com/asmer-stone/p/3424595.html