出現垂直間隙 - jQuery Masonry - （無縫照片網格）

Question

此問題已在different situation中提出。

我正試圖用jQuery Masonry實現無縫照片網格。

看看我的小提琴：

http://jsfiddle.net/drw158/sAkjv/

有一個垂直間距。 爲什麼？

Answer 1

顯示您的圖片爲塊級元素：

.ct-coll-item img { 
    display: block; 
} 

見，如果這個工程：http://jsfiddle.net/drw158/sAkjv/1/

至於爲什麼，我也沒辦法。我的猜測是因爲圖像是內聯元素，但這不是一個直接的解釋。

Answer 2

問題是您的文檔類型。將其更改爲XHTML 1.0 Transitional然後一切正常

Answer 3

您應該使<img/>浮動。