如何使用布局包装？

Question

如何通过angular-material layout-wrap列出项目？ 我想这样做

1 4 6
2 5 7
3 6 8

不

1 2 3 
4 5 6 
7 8 9 

http://plnkr.co/edit/GCWQx3?p=preview

还是不可能？

Answer 1

您想将蓝色区域转换为弹性框，然后：

.mainHeight {
   display:flex;
   flex-flow: column wrap;
    min-height:calc(100% - 86px);
    height: calc(100% - 86px);
}

FORK

注意：我在CSS和HTML中将拼写从.mainHeigth更改为.mainHeight