移除图像之间的空格

24 浏览
0 Comments

移除图像之间的空格

我有四张图片,如此链接所示:



    


我已经去除了填充和边距,但图片之间仍然存在空白间隔。

如何让图片紧密相邻,没有间隔?

0
0 Comments

问题的出现原因是因为浏览器会将换行符解释为空格,导致在图片之间出现了空格。解决方法是删除换行符。

以下是代码示例,通过删除换行符来移除图片之间的空格:

<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'/>

这样就可以移除图片之间的空格了。

0
0 Comments

问题出现的原因:

在这种情况下,inline-block默认样式并不可靠,因此可以尝试使用浮动来解决这个问题,尽管可能会很复杂。另外,可以将父元素的字体大小设置为零,或者使用负边距来解决问题。

解决方法:

1. 使用浮动而不是依赖于inline-block的默认样式。这可能会比较复杂。

2. 将父元素的字体大小设置为零。可以参考这个示例

3. 使用负边距。可以参考这个示例

4. 最后,可以在标记中的img标签之间删除空白。但是,这样可能会使标记看起来凌乱。

在特定情况下,你可以自行决定哪种方法是最好的。请注意,如果这些图像不仅仅是占位符,则背景图像更适合使用CSS的background-image属性和background简写属性。

0