如何仅在Angular ngMaterial中的布局容器中添加填充或边距？

Question

当我添加layout-margin或添加layout-padding到布局容器时,这会在每个flex子元素和容器本身周围添加边距/填充.

例:

<div layout="row" layout-margin>
  <div flex>Parent layout and this element have margins.</div>
</div>

我想在容器中添加边距,而不是容器的子节点.

Material Design中是否有预定义的类来向布局容器添加填充或边距,而不将它们添加到布局容器内的子节点中？

Answer 1

您可以为容器创建类父级并按如下方式编写 css。

.container {
   margin : 20px;
}

希望这可以帮助！