为什么我的图像不能粘在一起？

Question

我有这个简单的HTML/CSS

<div class="image-group"> 
    <img src="http://placehold.it/80x80" /> 
    <img src="http://placehold.it/120x120" /> 
    <img src="http://placehold.it/80x80" /> 
</div> 

.image-group img { 
    margin: 0; 
    padding: 0; 
} 

JSFiddle

为什么图像没有粘在一起？我使用Chrome的Inspector检查了这些元素，它在图像之间没有显示任何内容，但它们被隔开了。

我可以通过应用负边距让它们粘在一起，但根据我的看法，它们应该一起粘在一起。

Answer 1

您的html代码有空间。尝试下面

<div class="image-group"> 
    <img src="http://placehold.it/80x80" /><img src="http://placehold.it/120x120" /><img src="http://placehold.it/80x80" /> 
</div> 

Answer 2

退房这个博客帖子大约处理与连续inline-block的元素，如图片的空间。

http://css-tricks.com/fighting-the-space-between-inline-block-elements/