CSS中图像之间的差距

Question

我刚刚受到启发并试图重现我在Codrops上看到的效果，但现在我被卡住了。在我的图像之间是一个小间隙，即使我将边距和填充设置为0也不会消失。 Here is a CodePen with my problem

如果有人能帮助我，我将不胜感激。谢谢！

[1]: http://codepen.io/anon/pen/pvrMKm

Answer 1

您需要将图像设置为具有块值：

figure img {
  display:block;
}

CodePen

Answer 2

您可以将font-size: 0设置为父ul，并在子li元素中设置所需的元素，如：

ul {
  font-size: 0;
}

ul li {
  font-size: 18px;
}

这是因为在inline元素中，它们之间的空格成为html中的实际空间。

codepen