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