前端之家收集整理的这篇文章主要介绍了
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