使用CSS删除图像之间的空格
使用CSS删除图像之间的空格
提问于 2011-10-04 07:07:21
给定：
<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>回答 5
Stack Overflow用户
回答已采纳
发布于 2011-10-04 07:08:30
让它们在你的CSS中成为display: block。
Stack Overflow用户
发布于 2011-10-04 07:08:50
一种几乎在任何地方都兼容的简单方法是在容器上设置font-size: 0，前提是您没有任何需要样式化的后代文本节点(尽管在需要的地方覆盖它是微不足道的)。
.nospace {
font-size: 0;
}您还可以将默认的display: inline更改为block或inline-block。确保使用<= IE7的workarounds required (可能还有古老的Firefoxes)才能使inline-block工作。
Stack Overflow用户
发布于 2014-06-05 23:18:55
我找到的最好的解决方案是将它们包含在父div中，并将该div的font-size设置为0。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7641678
复制相关文章
相似问题