调整大小时 div 的 Flexbox 切换顺序

【问题标题】：Flexbox switching order of divs on resize调整大小时 div 的 Flexbox 切换顺序
【发布时间】：2021-04-05 07:56:49
【问题描述】：

我正在查看关于 Angular 中 Flexbox 的 demo，我注意到在调整大小时，second-section 低于 first-section。有什么方法可以让它位于first-section 之上（在调整大小时），而无需修改 html？

谢谢。

【问题讨论】：

【解决方案1】：

在上面的例子中，它的变化是因为 fxLayout="row" 和 fxLayout.xs="column"

要自定义更改顺序，您需要fxFlexOrder

<div fxFlexOrder='1' fxFlexOrder.xs='3'></div>
<div fxFlexOrder='2' fxFlexOrder.xs='2'></div>
<div fxFlexOrder='3' fxFlexOrder.xs='1'></div>

【讨论】：