使用CSS删除图像之间的空间

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (41)

给予:

<img src="..."/>
<img src="..."/>

结果是两幅图像之间只有一个空格。正常的行为似乎是将任意数量的空格、换行符和制表符显示为单个空白。我知道我能做到以下几点:

<img src="..."/><img src="..."/>

<img src="..."/><!--
--><img src="..."/>

<img src="..."/
><img src="..."/>

或者其他的方法。有什么方法可以用CSS删除那个空格吗?

<div class="nospace">
    <img src="..."/>
    <img src="..."/>
</div>
提问于
用户回答回答于
用户回答回答于

一种很容易兼容的方法就是设置font-size: 0,只要没有任何需要样式的子代文本节点(尽管在需要时覆盖这个节点非常简单)。

.nospace {
   font-size: 0;
}

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励