html - 图像之间的差距？

Question

看这里的例子:

http://users.telenet.be/prullen/portfolio.html

我已经尝试将我的图像设置为 display:block -

display: block;
margin: 0;
padding: 0;

但这没有用。

我也试过添加

 visiblity:hidden;overflow:hidden;height:0;font-size:1px;line-height:0px

到

 <div style="clear:both"></div>

但这些都不起作用。

有人知道是什么原因吗？如果可能，明确:为了 IE7 兼容性，两者都应该保留。

Answer 1

尝试将它们放在类名为“.row”的 div 中，并将行高设置为 0。

HTML:

<div class="row">
    <img src="img1.png" />
    <img src="img2.png" />
    <img src="img3.png" />
</div>

CSS:

.row {
    line-height: 0;
}