Ajax加載圖像，但定位不正確，儘管樣式相同？

Question

所以我用ajax加載圖片，除非他們加載時他們的位置已經被隱藏起來，但它們的風格和其他東西都完全一樣。向下滾動到此頁面的底部以查看我的意思。

http://alexbridger.com/test.php

而這僅僅是我的測試平臺的網站，我知道這是可怕的。

Answer 1

您的html代碼在<img>之間有一些額外的空格字符。這些字符會在網站中的圖片之間留出一些額外的空白區域。因此，嘗試把它添加到#maincontainer：

#maincontainer { 
    font-size: 0; 
} 

這將幫助，但你最好檢查你的代碼，以查找奇怪額外的空格字符。

Answer 2

聽起來很奇怪，但我找到了原因。圖片之間的差別在於高度和寬度以及它們之間的比例。第一行的圖片最初是304.904pxX306px。像一個矩形。 最後一行的圖片是300X300像一個正方形。 你在第一行上的空間不是因爲在CSS上，這是因爲圖像不是一個完美的正方形。嘗試上傳相同大小的圖像並在css文件中添加邊距。