角度柔性版式布局间隙rtl方向

Question

我编写了Angular应用程序，并使用 flexLayout 使用角度材质。

我对样式direction:rtl有疑问

fxLayoutGap 在每个元素 之前的右边距中显示，最后一个 除外。

在此处查看示例： stackblitz angular material flex layout rtl gap

（我成功地解决了最后一个元素后留空div的问题，但是非常丑陋……请参见stackblitz angular material flex layout rtl gap with empty div）

有什么主意吗？

Answer 1

我认为方向相反时是 fxLayoutGap 的问题。您可以添加：

.mat-form-field:last-child{
  margin-right: 25px;
}

，或者您可以删除 fxLayoutGap 并为子项添加25px的右边距：

.mat-form-field{
  margin-right: 25px;
}

到src文件夹的全局styles.css。

forked demo。