Css 自定义项目符号列表显示不好

Css 自定义项目符号列表显示不好,css,html-lists,Css,Html Lists,我正在尝试创建自定义项目符号列表,但它并没有很好地显示我所期望的内容 问题是它太近了,如这里的链接所示 如有建议,将不胜感激 谢谢您可能应该尝试为指定行高度 比如: 选中JSFIDLE更改行高度,然后单击run查看效果 您可能还需要调整自定义项目符号图像的位置,但正如我在评论中所说,您应该提供一些代码示例或更好的示例,以便能够进一步帮助您……您可以使用:after和:before选择器。 我的建议是这样做: ul{list-style:none;} li{padding-left:15px;

我正在尝试创建自定义项目符号列表,但它并没有很好地显示我所期望的内容

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

如有建议,将不胜感激


谢谢

您可能应该尝试为
  • 指定
    行高度

    比如:

    选中JSFIDLE更改
    行高度
    ,然后单击run查看效果


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

    您可以使用: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);}
    

    这是一个关于CSS的问题。我们需要知道列表的CSS和标记。标签不正确。它与Wordpress无关。您可以设置
    行高
    或添加
    填充
    边距
    来解决此问题。某些代码有助于提供更好的答案。。。
    .custom-list li {
        line-height: 20px;
    }
    
    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);}