css – 如何减少默认的间隙在子弹和文本之间>?

前端之家收集整理的这篇文章主要介绍了css – 如何减少默认的间隙在子弹和文本之间>?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何减少< li>中子弹和文本之间的默认差距?

>项目1
>项目2
>项目3

我想减少子弹和我之间的差距

解决方法

您可以通过将list-style-type设置为none,并将列表元素的background-image设置为通用项目符号来实现此目的,如下所示:
ul {
    list-style-type: none;
}

li {
    background-image: url(bullet.jpg);
    background-repeat: no-repeat;
    background-position: 0px 50%;
    padding-left: 7px;
}

结果会看起来像这样:

使用这种方法,您不会向列表中添加不必要的span(或其他)元素,这可以说是更实用的(为了以后的可扩展性和其他语义原因)。

原文链接:https://www.f2er.com/css/222597.html

猜你在找的CSS相关文章