Какие есть аналоги Masonry?

Question

[Eugene Chefranov]

Подскажите, какие есть аналоги Masonry?

Мне необходимо заполнить блок картинками примерно следующим образом


Необходимо чтобы именно полностью заливало блок картинками без пустого пространства (только небольшое пространство между картинками) и был хоть какой-то адаптив.

Masonry у меня почему то через раз криво выводит изображения и он не заполняет полностью всё пространство.

Просмотрел уже такие плагины: flexImages, RowGrid.js - они только ряды строят, а надо чтобы картинки (если даже большие) выстраивались в ряд и столбик.

Comments

[Виктор]

https://github.com/kombai/freewall - режим "window style" прям 1 в 1 с твоей картинкой

Answer 1

[キム ファイブプラス]

https://isotope.metafizzy.co/layout-modes/packery.html

Answer 2

[HamSter]

Например с помощью css grid - пример на codepen, но поддержка не очень.

Пример с использованием flex

Статья с примерами: Simple Masonry layouts with CSS Flexbox

Comments

[dom1n1k]

Да не будет это работать на гридах так, как надо.
Гриды плохо умеют автозаполнение, за исключением тривиальных случаев.
Фиксированный лейаут - это да, сколь угодно сложный без проблем.

[HamSter]

dom1n1k, это было как "например" ), есть подобные примеры и на flex (сложнее реализованные)

[dom1n1k]

На флексе не получится тем более. К сожалению, такие вещи пока нереализуемы без JS.