将“行换行”与“间隙”配合使用时，如何处理角度伸缩布局中每行的最后一个元素

Question

每行的最后一个元素具有由fxLayoutGap定义的间隙，这会导致布局错误，容器的尺寸大于应有的大小。

如您所见，模态在右侧具有较宽的白边界，因为该行的最后一个元素还有边距。 我也直接问过angular-flex-layout小组，但也许我可以找到一种解决方法：github quesiton

在我正在研究的项目中，有很多情况下我都会显示类似的组件列表

<div fxFlex="500px" 
    fxLayout="row wrap"
    fxLayoutGap="10px">
    <my-component *ngFor="let x of myList" [someInput]="x" ></my-component>
</div>

我有一个宽度固定的容器，有些组件的宽度也固定。有时我知道每行要显示多少个组件，但是大多数时候我不知道。 通常，当我知道每行（例如，日历中）必须显示多少个元素时，我会通过执行(child_width + gap) * desired_children_per_row)计算容器的所需宽度，因为最后一个元素我应该减去一次gap的每一行都应该没有间隙，但是这样做将没有足够的空间，结果将像desired_children_per_row - 1。

https://stackblitz.com/edit/lacolaco-angular-flex-layout-example-t7raqx 在示例中切换threePerRow以查看最后一个元素具有边距。