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的背景,然后控制背景的位置,是一个很好的解决办法。
 
                    
                     
                    
                 
                    
                
 
                
            
         
         浙公网安备 33010602011771号
浙公网安备 33010602011771号