Angularjs Flexbox/角材料-全宽行包裹
我使用的是棱角材料,它利用了FlexBox。 我想把盒子包起来,这样它们就可以分散成几行。实际上,我使用以下代码成功地做到了这一点:Angularjs Flexbox/角材料-全宽行包裹,angularjs,css,layout,flexbox,angular-material,Angularjs,Css,Layout,Flexbox,Angular Material,我使用的是棱角材料,它利用了FlexBox。 我想把盒子包起来,这样它们就可以分散成几行。实际上,我使用以下代码成功地做到了这一点: <div layout="row" layout-align="start start" layout-wrap layout-margin> <md-card ng-repeat="SOME ITERATION" flex> SOME CONTENT </md-card> &
<div layout="row" layout-align="start start" layout-wrap layout-margin>
<md-card ng-repeat="SOME ITERATION" flex>
SOME CONTENT
</md-card>
</div>
一些内容
但是,行没有完全填充。
在一行中填满整个可用空间之前不会拉伸
以下是我想做的事情的视觉表现:
将是橙色的框,它们将填满每一行的整个空间
任何关于如何使用FlexBox实现这一点的建议(如果可能)都是非常受欢迎的