сложная компоновка кладки кажется невозможной с изотопом

Question

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

Есть 500 * 500px, 250 * 500, 250 * 250 блоков.

Я пытался использовать isotope и проверить различные режимы макета, но ни один не кажется, соответствует конструкции. http://isotope.metafizzy.co/ примеры, хотя выглядят намного лучше. ой и мой тестовый сайт находится здесь: http://mac.idev.ge:800/test/

Что мне делать? Должен ли я использовать собственный алгоритм или простое решение? :) Может быть, я использую изотоп неправильно?

Answer 1

Проблема с изотопом заключается в том, что он пытается выложить элементы в указанном порядке (он позволяет сортировать, поэтому предполагает, что порядок хотя бы немного важен).

Вы можете изменить макет несколькими способами.

• изменить порядок ваших пунктов (в зависимости от ширины макета),
• использовать пользовательский макет для изотопа (есть по крайней мере один bin-packing основан один там),
• написать свой собственный макет для изотопа (я могу ручаться за это довольно сложно),
• или переключиться на использование чего-то вроде Packery.

Пакет не имеет того же набора функций, что и изотоп (без сортировки или фильтрации), но может быть лучшим выбором для вашего интерфейса.