【问题标题】:Remove space between images [duplicate]删除图像之间的空间[重复]
【发布时间】:2013-02-24 16:17:49
【问题描述】:

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

我已删除填充和边距,但图片之间仍有空间。

我怎样才能让图片直接相邻,没有空间?

【问题讨论】:

    标签: html css


    【解决方案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'/>
    

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

    【讨论】:

    • @NullPointer:对我有用。
    • 提供的源中的图像之间没有换行符。
    • +1 @IgorJerosimić 我无法想象它会那么傻
    【解决方案2】:

    您可以使用浮动而不是依赖inline-block 默认样式,但在这种情况下它可能会相当复杂。

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

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

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

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

    【讨论】: