在 Angular 中使用 fxLayoutGap 时，每行最后一个元素的填充问题

我目前面临一个大问题https://www.npmjs.com/package/@angular/flex-layout https://www.npmjs.com/package/@angular/flex-layout图书馆。问题是fxLayoutGap设置网格可能的设计，但就像弹性盒一样。

实际问题是当我使用这个设置时fxLayout="row wrap" fxLayoutGap="25px grid" fxFlexFill在每个框/网格元素上添加每个框之间的间隙，我还在每行的最后一个元素处得到一个间隙。在我看来，不应该有间隙来防止无用的填充：

我做了很多研究。 SO 最接近的答案是这个：

从 fxLayoutGap 行的最后一个元素中删除填充 https://stackoverflow.com/questions/52168018/remove-padding-from-fxlayoutgap-last-element-of-row

但这个答案只是关于单行中的 las 元素，所以答案没有帮助。所以我继续搜索并发现了这个：

https://github.com/angular/flex-layout/issues/363 https://github.com/angular/flex-layout/issues/363

这是实际库中的问题。但遗憾的是开发商表示这不是一个bug并且应该由开发商修复。但我认为这不是真的......

他在这里提供了这个答案......

Simply add a CSS style [fxFlex]:last-of-type { margin-right:15px; }

...并关闭了票证：Closing as a will-not-fix issue。所以不是很有帮助。以这种方式尝试答案后[fxFlex]::nth-child(4n) { padding-right:0px !important; }我发现最后一个元素变得更大，看起来很糟糕：

这是我的代码：

<div id="list" class="shadow-box-list" fxLayout="row wrap" fxLayoutGap="25px grid" fxFlexFill>
  <div class="widget" *ngFor="let element of elements" [fxFlex]="fxFlex">
    <div class="shadow-box-list-widget-content mat-elevation-z3" fxLayout="row" fxLayoutAlign="center center">
      <div class="name">{{element.name}}</div>
    </div>
  </div>
</div>

那么有人以前遇到过同样的问题并可以与我分享答案吗？我真的不知道如何解决这个问题。