隐藏div内的空间？

Question

我有一个带有2张图像的div。标签之间有一个空格。因此，两个图像之间的空间。有没有办法可以使用CSS来隐藏该div内部的空格（或文本）？

Answer 1

您可以使用<img>设置display: block; float: left;的样式。这应该删除空间，因为默认情况下图像是内联元素。

<img src="image1.png" style="display: block; float: left;"> 
<img src="image2.png" style="display: block; float: left;"> 

Answer 2

只需删除html中标记之间的空格......

图像是内联元素，这意味着它会考虑周围的任何文本。这包括空格。如果指定宽度，则将它们设为display:block元素将解决它。

你可以让他们display:table，但这是一个应该避免的讨厌的黑客。我甚至不认为他们会并排，但我可能是错的。

Answer 3

或者你可以把它放在＆lt; span /＆gt;中每当你隐藏div时隐藏它。或者将图像放入带填充的div中。或者在图像上放置边距而不是空格。有很多方法可以做到这一点。