Можно ли сделать это в CSS Grid / Flexbox? ⇐ Html

[Anonymous]

Так что у меня есть родитель с Divs внутри. Я хочу, чтобы каждый Div был столбцом (количество столбцов может быть изменено пользователем). Я хочу, чтобы каждый дивинг занимал как можно больше места, пока он не достигнет ширины 15рем, например, а затем переполнится и поместит один из DIV в сторону. Я хочу, чтобы это делало это автоматически, независимо от того, сколько столбцов.display: grid;
grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
< /code>
Однако я не хочу, чтобы он упал ниже, я хочу, чтобы он перешел в сторону.
Вы можете остановить это с помощью: < /p>
grid-auto-flow: column;
< /code>
Но кажется, что столбцы шаблона сетки не ведут себя так же (1FR не используется, как только он достигает 15Rem)
думал о том, возможно, с использованием контейнерных запросов или Flexbox, но не уверен, как это реализовать. Или я должен просто использовать JavaScript?>

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