Изотопная проблема: ширина столбца масонства в два раза больше, чем это было определено в коде

Question

Это очень странно и очень тщательно исследовано мной в сети. Я не нашел никаких решений.

JQuery говорит:

$ container.isotope ({ itemSelector: '.post', кирпичная кладка: { ширина столбца: 250, }
});

Стиль .post говорит:

.post { ширина: 250px; }

Когда Isotope определяет позиции .post, второй столбец располагается на 500 пикселей слева от страницы. Третий столбец, 1000 пикселей слева от страницы. Как будто каждый столбец получает ширину 500 пикселей.

Ссылка: http://asimob.tv

Лысый и гипертонический с этим. Я бы очень, очень признателен за помощь. Пожалуйста!

Answer 1

У меня была такая же проблема, похоже, что свойство columnWidth - это не только ширина элемента (например, .post), а скорее ширина + поля.

Таким образом, columnWidth должно быть равно ширине элемента + (поле x 2).

Надеюсь, это может быть полезно для тех, кто сталкивается с этой проблемой.

Answer 2

Удалите columnWidth: 250 в разделе параметров при запуске изотопа.