删除图像之间的空间

Question

我有this fiddle中的四张图片：

<img src='http://black-agency.com/dat/Images/BG/dark.jpg'/>
<img src='http://black-agency.com/dat/Images/BG/dark.jpg'/>
<br>    
<img src='http://black-agency.com/dat/Images/BG/dark.jpg'/>
<img src='http://black-agency.com/dat/Images/BG/dark.jpg'/>

我删除了填充和边距，但图片之间仍留有空间。

如何让图片紧邻，没有空格？

Answer 1

您可以使用 Del 删除空格：

<img src='http://black-agency.com/dat/Images/BG/dark.jpg'/><img src='http://black-agency.com/dat/Images/BG/dark.jpg'/><br><img src='http://black-agency.com/dat/Images/BG/dark.jpg'/><img src='http://black-agency.com/dat/Images/BG/dark.jpg'/>

浏览器会将换行符解释为空格，因此如果您不希望在其中有一个空格，则应将其删除。

Answer 2

你可以搞乱浮动而不是依赖inline-block默认样式，虽然在这种情况下它可能会非常复杂。

您可以将父级的字体大小设置为空。 See this fiddle

您可以设置负边距。 See this fiddle

或者最后，您可以删除标记中img标记之间的空格，但是，这可能会使标记看起来很混乱。

由您决定哪种方法适合您的特定情况。请注意，如果这些图像不仅仅是占位符，那么背景图像更适合CSS background-image属性和background速记属性。