删除图像之间的空间[重复]

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 速记属性。