html - 如何消除无序列表中每个列表项之间的间隙？

Question

每当我创建一个无序列表时，每个列表项下方都会有一个间隙。

我该怎么做才能删除它？

已经 在ulmargin : 0 和li上尝试过。CSS 重置padding : 0

*{ margin : 0; padding: 0 }

似乎也不起作用。

如果是水平列表，通常可以删除间隙。但是当我想要一个垂直列表时，我不知道如何做到这一点。

Answer 1

@j08691 @developdaly：我在每个<li>. 这可能是问题吗？– maxxon15 6 分钟前

是的。是的，它可以。

添加此 CSS 以消除差距：

img {
    vertical-align: top;
}

差距不在 each 之下li，而是在 each 之下img。