Html CSS中图像之间的间隙

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

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

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

---

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

figure img {
  display:block;
}

---

您可以将

字体大小：0

设置为父

ul

，并在child

li

元素中设置所需字体，如：

ul {
  font-size: 0;
}

ul li {
  font-size: 18px;
}

这是因为在

inline

元素中，元素之间的空白变成了html中的实际空白

---

这里没有间隙，哪个浏览器？chrome上没有间隙。您正在测试哪个浏览器？chrome上存在缺口，请在使用chrome的codepenI am上向下滚动页面。只给有兴趣的人谢谢！现在效果很好。图像的正常显示模式是什么？我一直以为已经是布洛克了，不客气。我认为大多数浏览器都提供默认值

内联块

。啊，好的。很高兴知道。再次感谢。沃尔夫：你必须把它添加到代码笔中才能看到变化。它没有添加在链接中。你是对的，我只是厌倦了它，它也工作了。但我认为托尼·巴恩斯的答案更简单，因此我将使用他的解决方案。不过还是谢谢你。