Material-UI 中的 Container 与 Grid 容器有何不同？

What is different between Container vs Grid container in Material-UI?

正如我在问题中提到的：Container 与 Grid 之间的区别是 [=21= 中的属性 container ]-UI?

非常感谢！

我访问了 material UI 的文档，这是我在检查这些文件时发现的：

容器

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

如您在上面的屏幕截图中所见，存在两个重要属性，

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

网格

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

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

在检查了这些差异之后，在我看来，<Container> 用于包含所有组件的外包装，而 <Grid container> 可用于创建列布局（12-列），这在 <Container>.

的情况下是不可能的