Товары JQuery Packery Center

Question

В моем приложении JQuery Packery я хочу центрировать свои элементы внутри элемента контейнера. Я использую следующую структуру:

<div id="container">
  <div class="item">...</div>
  <div class="item w2">...</div>
  <div class="item">...</div>
  ...
</div>

Я использовал JQuery Isotope раньше, где я мог применить исправление для центрирования элементов. Моя проблема в том, что когда у вас всего несколько предметов, они не исправляются.

1. Вот одно решение, которое я модифицировал от автора плагина:

Центрируется только контейнер, но не предметы внутри.

2. Вот второе решение:

Я хочу иметь следующее. Ширина контейнера должна быть ограничена элементами так, чтобы контейнер отображался по центру, а также элементы. Как я могу получить это?

Answer 1

Вы пробовали центрированный масон? http://isotope.metafizzy.co/custom-layout-modes/centered-masonry.html