<分区>
<分区>
为什么图片之间有空格？ http://jsfiddle.net/dasmus/6Ltrs9tw/
CSS
.gallery{
width:900px;
height:640px;
}
a{
display:inline-block;
}
a img{
width:200px;
height:141px;
}
HTML
<div class="gallery">
<a ><img src="http://1.1.1.1/bmi/alpatriott.ru/works/album/images/smile.jpg"></a>
<a ><img src="http://1.1.1.1/bmi/alpatriott.ru/works/album/images/smile.jpg"></a>
<a ><img src="http://1.1.1.1/bmi/alpatriott.ru/works/album/images/smile.jpg"></a>
<a ><img src="http://1.1.1.1/bmi/alpatriott.ru/works/album/images/smile.jpg"></a>
</div>
最佳答案
因为 display: inline-block 在元素之间增加了额外的空间。有一些 hack 可以解决这个问题，但如果你想让元素相互接触，你最好只使用 float:left。只需确保将 overflow:hidden 添加到父元素或使用 clearfix
关于html - <a> 元素之间的空格，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26205198/