html - IMG 默认填充/边距

Question

我对图像的填充或边距有疑问。我在我的网站上使用了很多图像，它们填充了一个 div 元素，这样一行中有 8 个，下一行又是 8 个。

现在我总是在它们之间有一个奇怪的间距，我不知道为什么。我尝试使用负值，但我认为这不是正确的方法。这就是我在这里问的原因。

我尝试使用 dispay:block，但它会将图片全部排在 1 行中，这是我不想要的。我希望它们并排放置，直到它们达到 div 的最大宽度。

我的代码是这样的:

img {
    width: 50px;
    height: 50px;
    /* display: block; */
    padding: 0;
    margin: 0;
}

这里有一个 jsfiddle 来表达我的问题:http://jsfiddle.net/cv5Xk/

Answer 1

img {

    float: left;
    width: 50px;
    height: 50px;
    /* prob. you dont need this */
    padding: 0;
    margin: 0;
    border:0;
}