减少li元素之间的空间

Question

如何减少代码中li水平元素之间的空间，我一直在尝试通过更改padding和margin属性来做到这一点(我已经尝试将这些属性设置为负值，但没有帮助(。

下面是我正在尝试的代码

footer li {
display: flex;
flex-wrap: wrap;
width: 300px;
flex-direction: row;
justify-content: space-around;
font-size: 20px;
padding-right: 70px;
list-style: none;
margin-left: 10px;
}

Answer 1

调整列表的父级(而不是列表(以开始，这使您可以控制列表-列表现在将是灵活的父级-如果您遵循本指南，您应该可以对列表进行任何操作

1. 首先；显示：flex"；已经更改了显示-所以你真的不再使用普通列表了
2. 其次，我可以看到你设置"；合理的内容：周围的空间"这限制了"；保证金；在您的代码中
3. 更改"；"周围的空间"；至"；"弹性启动"；并根据需要添加边距；"周围的空间"；做它的工作

Answer 2

答案如下，也许这对那些不知道如何缩小li元素之间的差距的人有任何帮助。只需将此属性添加到代码中，它将帮助您减少元素之间的空间。footer li:not(:first-of-type) { margin-left: -25px; }问题解决了，我要感谢大家的帮助。