當使用圖像作爲項目符號時，是否可以安排列表項（LI）的對齊方式？

Question

我有以下CSS

.ul{ 
    list-style-image:url(/images/bullet.png) 
} 

我bullet.png是20×20像素但是它顯示在圖像的底部的文字，而我需要顯示我在圖像的中間文本。有沒有辦法指定只移動文本的邊距和填充？

Answer 1

重置填充和邊距。

使用background-image財產，（如果你想你的子彈和文本之間的一些空間和更多）設置圖像的大小的填充

li 
{ 
    margin: 0; 
    padding: 0 20px 0 0; 
    background-image:url(/images/bullet.png); 
    background-repeat: no-repeat; 
} 

Answer 2

不是。您可以嘗試刪除子彈，將填充放在LI上，背景圖像對齊左側和中間：background: url(images/bullet.png) no-repeat left center;。