angular material 中的布局和弹性顺序

Question

如果 angular material

中的屏幕尺寸大于 "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 的右上方？

Answer 1

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

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

angular material 中的布局和弹性顺序

layout and flex order in angular material

angular-material