我有一个 div 里面有一堆图像标签,这里是一个例子:
<div style="margin: 0; padding: 0; border: 0;">
<a href="/view/foo1"><img src="foo1.jpg" alt="Foo1" /></a>
<a href="/view/foo2"><img src="foo2.jpg" alt="Foo2" /></a>
<a href="/view/foo3"><img src="foo3.jpg" alt="Foo3" /></a>
</div>
因为标签之间有空格,浏览器会在图片之间显示一些空格(Chrome 决定 4px)。如何告诉浏览器在图像之间不显示任何空白,而不将 > 和 < 直接相邻放置?我知道字母间距适用于浏览器决定使用的内容,因此即使使用负值也是无用的。基本上我会在他们的主页底部找到类似 Twitter 的东西。我查看了他们的代码,他们使用的是无序列表。我可以这样做,但我想要技术解释为什么似乎无法消除这些图像之间的空白。