我正在创建一个包含3列的新页面布局。我希望我的内容由几个不同的元素组成，以填充第一列的可用高度，然后包装到下一个列，依此类推。用户可以根据需要添加元素。
我正在将Angular 7与Flex-Layout一起使用。我看过https://tburleson-layouts-demos.firebaseapp.com/#/docs，但没有一个与我的问题相似。
我还看着： -flow 2 columns of text automatically with CSS -Make grid container fill columns not rows
无济于事。
Css列布局将我的内容平均分为3列。在包装之前，它不会填充第一列。
我希望它填充第一列，然后填充第二列，最后填充第三列。可以通过flex或Css Grid / Columns来实现
答案 0 :(得分：0)
我设法解决了。
父div上的这两行CSS：
column-count: 3;
column-fill: auto;
所有子元素现在都先自动填充列，然后自动换行