angularjs - Angular Material Design: How to layout a stacked set of elements horizontically? -

i want arrange set of , generated database , set has dynamic amount of md-input-containers. also, width of each md-input-containers variable. width defined in database (for each md-input-container).

i create "stacked" arrangement of these md-input-containers on kind of panel. panel should take 80% width of screen, , md-input-containers should arrange horizontally until there no more space left on row, , start on over new line.

as not know width of elements @ design-time, row take 1 or more md-input-containers.

i started try md layout system, realize static.

i appreciate if kick me right direction.

is css-column opinion?

-webkit-column-count: 3; /* chrome, safari, opera */ -moz-column-count: 3; /* firefox */ column-count: 3; 

if know 1 md-input-container needs specific width, calculate , set amount of columns dynamically.