如何减少< li>中子弹和文本之间的默认差距?
>项目1
>项目2
>项目3
我想减少子弹和我之间的差距
解决方法
@H_502_11@ 您可以通过将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(或其他)元素,这可以说是更实用的(为了以后的可扩展性和其他语义原因)。