css - 自定义项目符号列表显示不佳

Question

我正在尝试创建自定义项目符号列表，但它不能很好地显示我的预期。

问题是它太近了，如这里的链接所示

建议将不胜感激。

谢谢

Answer 1

您可能应该尝试line-height为<li>'s 指定 a。

像：

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

和CSS：

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

在这里查看jsfiddle更改line-height并点击运行查看效果...

您可能还需要调整自定义项目符号图像的位置，但正如我在评论中所说，您应该提供一些代码示例或更好的jsfiddle以便能够进一步帮助您......

Answer 2

您可以使用 :after 和 :before 选择器。我的建议是使用这样的东西：

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);}