Конструкция углового материала: как горизонтально расположить штабелированный набор элементов?

Question

Я хочу организовать набор, которые генерируются из базы данных, и, таким образом, у набора есть динамическое количество контейнеров md-input . Кроме того, ширина каждого контейнера md-input является переменной. Ширина также определяется в базе данных (для каждого md-input-container).

Я хотел бы создать «сложную» компоновку этих контейнеров ввода-вывода md на какой-то панели. Панель должна занимать 80% ширины экрана, а контейнеры md-input должны располагаться горизонтально до тех пор, пока в строке не останется больше свободного места, а затем начнется новая строка.

Поскольку я не знаю ширины элементов во время разработки, строка может принимать один или несколько контейнеров ввода-вывода.

Я начал пробовать систему разметки MD, но я понимаю, что это что-то статическое.

Буду признателен, если кто-то может ударить меня в правильном направлении.

Answer 1

Есть ли css-column мнение?

-webkit-column-count: 3; /* Chrome, Safari, Opera */ 
-moz-column-count: 3; /* Firefox */ 
column-count: 3; 

Если вы знаете, что один мкр-вход-контейнер необходим определенная ширина, можно рассчитать и установить количество столбцов динамически.