Angular 移动设备两侧的柔性布局檐槽

我将flex布局与此代码一起使用

<div class="auth" fxLayout>
  <div class="auth__hint" fxHide.xs="true" fxFlex="50%">Item 1</div>
  <div class="auth__form" fxFlex="50%" fxFlex.xs="100%">
    <router-outlet></router-outlet>
  </div>
</div>

项目1

它工作正常，但现在我想设置一个15px的排水沟 两边我都试过了

<div class="auth__form" fxFlexOffset.xs="15px" fxFlex="50%" fxFlex.xs="100%">
    <router-outlet></router-outlet>
</div>

但它只设定了剩余的利润

我如何管理两侧的排水沟

---

使用flex布局断点（我的意思是没有任何其他额外代码）

您可以像这样使用

ngStyle

：

<div class="auth" fxLayout>
  <div class="auth__hint" fxHide.xs="true" fxFlex="50%">Item 1</div>
  <div class="auth__form" fxFlex="50%" fxFlex.xs="100%" ngStyle.xs="margin: 0 15px;">
    <router-outlet></router-outlet>
  </div>
</div>

项目1

这就是结果：

我不知道是否支持

右边距
：

RTL支持即将到来，将自动应用
右边距，而不是左边距

你有没有尝试过在
周围留出空间？谢谢你的提示，但它不起作用。我几乎用fxFlex解决了这个问题。xs=“95%”但它不一样，我希望更多的是一个固定值