垂直间隙出现 – jQuery砌体 – （无缝照片网格）

在不同的情况下已经提出过这个问题。

我正在尝试使用jQuery Masonry实现无缝照片网格。

看看我的小提琴：

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

有一个垂直的差距。 为什么？

Answer 1

将图像显示为块级元素：

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

看看是否有效： http ： //jsfiddle.net/drw158/sAkjv/1/

至于为什么，我不知道。 我的猜测是因为图像是内联元素，但这不是直接的解释。

Answer 2

问题是你的doctype。 将它更改为XHTML 1.0 Transitional然后一切都很好

Answer 3

你应该让成为一个浮点数。