自定義項目符號列表顯示不好

Question

我想創建自定義項目符號列表，但它不能很好地顯示我的預期。

問題是，它是太靠近如圖鏈路該處

建議將不勝感激。

感謝

Answer 1

你可以玩：之後和：選擇器之前。 我的建議，這將是這樣的事情：

ul{list-style:none;} 
li{padding-left:15px; position:relative;} 
li:before{content:" "; position:absolute; left:0; height:10px; width:10px; background:url(path/img);} 

Answer 2

你應該嘗試以指定<li>的一個line-height。

像：

<ul class="custom-list"> 
    <li>some item</li> 
    <li>some other item</li> 
</ul> 

而CSS：

.custom-list li { 
    line-height: 20px; 
} 

檢查的jsfiddle here改變line-height並點擊運行看看效果......

您可能還需要調整您的自定義項目符號圖像的位置，但正如我在我的評論中所說的，您應該提供一些代碼示例或更好的jsfiddle能夠幫助你進一步...