1

我正在尝试实现具有角度和弹性布局的“类似 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>

但这不会“堆叠”卡片。

这就是我想要实现的目标: 在此处输入图像描述

4

0 回答 0