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

鉴于：

<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 display: block 。

Answer 2

只要你没有任何你需要风格的派生文本节点（尽pipe在需要的地方覆盖它，这是微不足道的），在容器上设置font-size: 0是一个简单的方法。

 .nospace { font-size: 0; } 

jsFiddle 。

您也可以从默认display: inline更改display: inline block或inline-block 。 一定要使用<= IE7（也可能是古老的Firefox） 所需的解决方法来使用inline-block 。

Answer 3

我喜欢这样做

 img { float: left; } 

去除图像之间的空间

Answer 4

我find的最佳解决scheme是将它们包含在父div中，并为该div指定0的字体大小。

Answer 5

我发现唯一的select是为我工作的

 font-size:0; 

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