Ajax加载图像，但定位不正确，尽管样式相同？

Question

因此，我用ajax加载图像，除非它们在加载时定位混乱，但它们的样式和所有内容都与其他文件完全相同。向下滚动到这个页面的底部，看看我的意思。

http://alexbridger.com/test.php

这只是我的试验场，我知道这很糟糕。

Answer 1

在<img>之间的html代码中有一些额外的空格字符。这些字符在您的站点中的图像之间留出一些额外的空白。因此，尝试将其添加到#maincontainer中

#maincontainer {
    font-size: 0;
}

这将有所帮助，但您最好检查您的代码，以找到奇怪的额外空间字符。

Answer 2

听起来很奇怪但我找到了原因。图片之间的区别在于图片的高度和宽度，以及它们之间的比例。第一行的图片最初是304.904pxX306px。就像长方形。最后一行的图片是300×300，像一个正方形。第一行的空间不是因为css，而是因为图像不是一个完美的正方形。尝试上传相同大小的图像，并在css文件中添加页边距。