Material UI 布局网格少于 12 列

Question

我正在创建一个网格布局，我的想法是将列分隔为 10 而不是 12。放大默认列号可以在互联网上找到。但是找不到减少列数的方法。

这是不可能的吗？或者我应该使用其他方式来做到这一点？

这是我的Sandbox

• 我尝试在沙箱中使用其他方法，如第 2、3、4 行。当然，每行只有 10 个芯片，这正是我所期望的。但是，宽度仍然无法充分利用。

Answer 1

我假设您试图保持每行 10 个芯片且间隔相等并利用页面的整个宽度。

justify="space-between" 使您的芯片与等距对齐。

<Grid container spacing={1} justify="space-between"> 是您需要的更改。