我正在尝试实现具有角度和弹性布局的“类似 Google Plus”的多列响应式页面布局。
我有响应式多列工作。- 见Stackblitz
但是如何安排它堆叠的行布局?我在尝试:
<div fxLayout="row" fxLayout.xs="column" fxLayoutWrap>
<card1 fxFlex fxFlex.gt-sm="33" fxFlex.sm="50"></card1>
<card1 fxFlex fxFlex.gt-sm="33" fxFlex.sm="50"></card1>
<card1 fxFlex fxFlex.gt-sm="33" fxFlex.sm="50"></card1>
<card1 fxFlex fxFlex.gt-sm="33" fxFlex.sm="50"></card1>
<card1 fxFlex fxFlex.gt-sm="33" fxFlex.sm="50"></card1>
<card1 fxFlex fxFlex.gt-sm="33" fxFlex.sm="50"></card1>
<card1 fxFlex fxFlex.gt-sm="33" fxFlex.sm="50"></card1>
</div>
但这不会“堆叠”卡片。