@angular/flex-layout 在 Angular 11 中导致恼人的滚动条答案

【问题标题】：@angular/flex-layout causing annoying scrollbar in angular 11@angular/flex-layout 在 Angular 11 中导致恼人的滚动条
【发布时间】：2021-03-29 01:21:05
【问题描述】：

第一次使用@angular/flex-layout 在我的新项目中尝试过。通过在弹性容器内的 for 循环中显示 mat-card。它增加了一个烦人的滚动条，我不想在xs 设备上使用 fxFlex="column"，我认为是fxLayoutGap="20px grid" 导致了这个问题。这是 stackblitz 链接：here

我该如何解决这个问题？

【问题讨论】：

标签： angular sass angular-flex-layout

【解决方案1】：

将 fxFlexFill 添加到容器中

<div fxLayout="row wrap" fxLayoutGap="20px grid"
  fxFlexFill
   fxLayoutAlign="center center">

【讨论】：