Задать вопрос
ruvasik
@ruvasik
https://www.bryce.ru

Как сделать «замкнутую» резиновую плитку?

Есть задача выводить плитку рандомных элементов с ячейками 1x1. 1x2, 2x1:

79e39753090b4feabc07fe27b8668a01.png

Все найденные плагины (masonry, isotope, nested) почему-то не учитывают дыры в середине (по размером все сходится точно) и плитка получается рваная.
Пример: https://jsfiddle.net/hqj2z94e/

92adc3aa0f5e40fcad1c45306b427dff.png686ee4dfc43d4058b620eb12078ed2a4.png

Это, конечно, в зависимости от изначального порядка блоков – если их перемешать определенным образом, то все встает ровно.

Есть хаки или альтернативные плагины учитывающие такой нюанс?

P.S.: элементов выводится всегда достаточное кол-во, чтобы плитка была именно замкнутой, цельной.
  • Вопрос задан
  • 469 просмотров
Подписаться 5 Оценить 2 комментария
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
  • Skillbox
    JavaScript
    3 месяца
    Далее
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 1
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
www.jqueryscript.net/demo/Minimal-Responsive-Grid-...
Думаю, что это задача о ранце (для по-строчного заполнения).
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы