Material-UI 中的容器与网格容器有什么不同？

Question

正如我在问题中提到的： Container与Gridcontainer在 Material-UI 中具有属性有何不同？

非常感谢！

Answer 1

我访问了 Material UI 的文档，这是我在检查这些文档时发现的内容：

容器

当您在代码中使用时<Container>，以下样式将应用于您的<Container>组件。

正如您在上面的屏幕截图中看到的，有两个重要的属性，

• display: block
• max-width: 600px（在媒体查询中，因此它根据视口宽度而变化）

网格

当您在代码中使用属性容器时，将应用以下样式，

正如您在上面所看到的，它利用 Flexbox 布局来保存列，这对于保存弹性项目（即列）非常有用。它还根据您指定的间距类型设置了最大宽度。

在检查了这些差异之后，我认为，<Container>它们用于外部包装器，其中包含所有组件，而<Grid container>可以用于创建列布局（12 列），这在<Container>.