自定义项目符号列表显示不正常

Question

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

问题是它太近了，如此处链接所示

建议将不胜感激。

由于

Answer 1

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

像：

<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以便能够进一步帮助您。

Answer 2

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

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