内容填充第一列然后换行到下一列
Content fill first column then wrap to next
我正在创建一个包含 3 列的新页面布局。我希望我的内容由几个不同的元素组成，以填充第一列的可用高度，然后换行到下一列，依此类推。用户可以根据需要添加元素。
我正在使用 Angular 7 和 Flex-Layout。我查看了 https://tburleson-layouts-demos.firebaseapp.com/#/docs，但其中 none 与我的问题类似。
我还看了：
- flow 2 columns of text automatically with CSS
- Make grid container fill columns not rows
无果。
Css 栏布局将我的内容平均分为 3 栏。它在换行前不填充第一列。
我希望它填充第一列，然后是第二列，最后是第三列。这是否可以通过 flex 或 Css Grid/Columns
来实现并不重要
我设法解决了。
父div上css的这两行：
column-count: 3;
column-fill: auto;
所有子元素现在自动先填充列然后换行
我正在创建一个包含 3 列的新页面布局。我希望我的内容由几个不同的元素组成，以填充第一列的可用高度，然后换行到下一列，依此类推。用户可以根据需要添加元素。
我正在使用 Angular 7 和 Flex-Layout。我查看了 https://tburleson-layouts-demos.firebaseapp.com/#/docs，但其中 none 与我的问题类似。
我还看了： - flow 2 columns of text automatically with CSS - Make grid container fill columns not rows
无果。
Css 栏布局将我的内容平均分为 3 栏。它在换行前不填充第一列。
我希望它填充第一列，然后是第二列，最后是第三列。这是否可以通过 flex 或 Css Grid/Columns
来实现并不重要我设法解决了。
父div上css的这两行：
column-count: 3;
column-fill: auto;
所有子元素现在自动先填充列然后换行