Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs Flexbox/角材料-全宽行包裹_Angularjs_Css_Layout_Flexbox_Angular Material - Fatal编程技术网

Angularjs 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> &

我使用的是棱角材料,它利用了FlexBox。 我想把盒子包起来,这样它们就可以分散成几行。实际上,我使用以下代码成功地做到了这一点:

   <div layout="row" layout-align="start start" layout-wrap layout-margin>
      <md-card ng-repeat="SOME ITERATION" flex>
        SOME CONTENT
      </md-card>
   </div>

一些内容
但是,行没有完全填充。
在一行中填满整个可用空间之前不会拉伸

以下是我想做的事情的视觉表现:

将是橙色的框,它们将填满每一行的整个空间

任何关于如何使用FlexBox实现这一点的建议(如果可能)都是非常受欢迎的