html - 删除图像之间的空间

Question

我在这个小提琴中有四个图像：

<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默认样式，尽管在这种情况下它可能会非常复杂。

您可以将父级的字体大小设置为空。看到这个小提琴。

您可以设置负边距。看到这个小提琴。

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

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