Определить правила CSS для динамического расположения столбца ⇐ CSS

[Anonymous]

Я хочу определить набор правил CSS для выполнения следующего эффекта: у меня есть переменное количество дочерних предметов фиксированного размера, которые необходимо устроить в столбцах. Если элементы достигают определенной высоты, ограниченной родительским контейнером (красный), их следует расположить в двух столбцах с элементами, уравновешенными среди них. Этот эффект должен работать для произвольного количества элементов и столбцов. В лучшем случае родительский контейнер должен сокращаться до размера нового расположения (синий контейнер). Я ищу простое решение CSS и попробовал его с помощью Flexblox, но я думаю, что это невозможно. Я также попробовал это с помощью сетки, но еще не смог заставить его работать. Спасибо!


Подробнее здесь: https://stackoverflow.com/questions/797 ... rrangement