Появляются вертикальные промежутки - jQuery Masonry - (бесшовная сетка для фотографий)

Question

Этот вопрос уже задавался в другой ситуации .

Я пытаюсь создать бесшовную сетку для фотографий с помощью jQuery Masonry.

Посмотри на мою скрипку:

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

Вертикальный разрыв. Почему?

Answer 1

Отображение ваших изображений в качестве элементов уровня блока:

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

Проверьте, работает ли это: http://jsfiddle.net/drw158/sAkjv/1/

Что касается того, почему, я понятия не имею. Я думаю, это потому, что изображения являются встроенными элементами, но это не прямое объяснение.

Answer 2

Вы должны сделать <img/> поплавком.

Answer 3

Проблема в твоем типе.Измените его на XHTML 1.0 Transitional , тогда все в порядке