角度材料中的布局和弯曲顺序答案

【问题标题】：layout and flex order in angular material角度材料中的布局和弯曲顺序
【发布时间】：2016-03-28 14:10:11
【问题描述】：

如果屏幕尺寸大于角材料中的“sm”，我有一个容器是一行

 <div layout="column" layout-gt-sm="row" layout-margin="20px"  >
 <div id="div1" flex="80">
 </div>
  <div id="div2" flex="20">
  </div>
  </div>
  </div>

当它变成一列时，我需要将我的div2 堆叠在 div1 的顶部，但按照自然顺序，左侧的 div 堆叠在右侧的 div 之上。

如何更改此设置并将 div 放在 div1 或任何其他 div 的顶部？

【问题讨论】：

标签： angular-material

【解决方案1】：

您可以使用flex-order 和flex-order-gt-sm 选项来获得所需的结果。 http://codepen.io/next1/pen/EKXedG

更多信息请查看官方文档Material Layout

【讨论】：