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

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

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

Answer 3

你应该让<img/>成为浮动。