Angular Material 2容器

Question

4

我刚接触Angular material 2，之前一直使用bootstrap 4.1。所以这个问题可能看起来很简单，但如何在Angular material 2中创建“容器”呢？

例如，在bootstrap容器中，将为整个应用程序创建左右边距，那么在Angular material 2中是否可以轻松实现此目的呢？

- Charles L.

https://material.angular.io/components/card/overview - Vikas

当然可以实现。这取决于您的概念和布局等方面。您能否提供有关您的概念/布局的更多信息？ - k.vincent

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Manon Ingrassia · Accepted Answer

这完全取决于您的布局。

如果您的所有内容都在一个卡片中，那么您不需要担心任何问题，该卡片将通过其设置的宽度得到良好的显示。

但是，如果您有多个卡片或者希望有一个特定的布局，您可以通过在项目的父级.scss文件（名称应为style.scss）中自行设置边距来实现与bootstrap关于边距的相同效果，然后它会应用于整个应用程序。

此外，如果您使用FlexLayout（链接），甚至可能不需要设置边距（尽管这取决于您如何使用它，但我在我的应用程序中使用它，并与Material组件结合使用，我从来不需要担心设置任何边距来定义容器）。

因此，正如您所看到的，有许多可以自动完成它的事情，或者您可以自己完成它，这完全取决于您想要使用什么样的布局。