Верхнее / нижнее поле с укладкой масонства

Question

Я использую JQuery и Masonry, и, как вы можете видеть из изображения, ящики не складываются должным образом. Боковые поля большие, но верх / низ дают случайное количество большого пространства между ними.

Кто-нибудь может мне здесь помочь?

CSS для ящиков:

div.article {
background-color: white;
margin-right: 6px;
padding: 20px 10px;
width: 155px;}

Скриншот проблемы: https://skitch.com/subzane/f8n36/2010-andreas-normans-blogg

Решение: Кажется, ошибка появилась только при использовании пользовательских шрифтов. И чтобы это исправить, скрипт должен быть загружен с использованием $ (window) .load () вместо $ (document) .ready ().

Answer 1

Я знаю, что это древний вопрос, но у меня была именно эта проблема. Решением, в моем случае, было добавление ширины / высоты к изображениям, которые были в некоторых контейнерах моего товара.

Answer 2

Предполагая, что div.article также является вашим селектором элементов каменной кладки, его нужно переместить влево.

Answer 3

Да, window.load () работает, но по мере того, как я копал больше, я обнаружил, что между некоторыми элементами скрыт тип ввода.Посмотрите, есть ли у вас какие-либо теги между списком предметов.