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

Question

鉴于:

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

Answer 1

display: block在CSS中制作它们.

Answer 2

几乎无处不在的简单方法是设置font-size: 0容器,前提是您没有任何后续文本节点需要设置样式(尽管在需要时覆盖它是微不足道的).

.nospace {
   font-size: 0;
}

jsFiddle.

您也可以从默认值更改display: inline为block或inline-block.请务必使用<= IE7(可能还有古老的Firefox)所需的变通方法inline-block.

Answer 3

我发现的最好的解决方案是将它们包含在父div中,并为该div提供0的字体大小.

Answer 4

我更喜欢这样做

img { float: left; }

删除图像之间的空间

Answer 5

我发现对我有用的唯一选择是

font-size:0;

我也在使用overflow,white-space: nowrap; float: left;似乎搞砸了