angular - 角材料卡高度未填充弹性布局

Question

我试图让这些内部卡片填充它们的高度，我觉得我没有正确使用 flex 布局。

<div fxlayout="row">
  <div fxFlex style="padding: .5%">
     <mat-card>
       hi
     </mat-card>
  </div>
  <div fxFlex style="padding: .5%">
     <mat-card>
        hpo
     </mat-card>
  </div>
</div>

Answer 1

我会先 fxLayout="column" 然后使用 fxFlexFill 将拉伸到 100% 的高度。