Reactjs 材质UI布局网格小于12列

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

这不可能吗？还是我应该用另一种方法来做

这是我的

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

---

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

justify=“间距”

使芯片与相等的间隔对齐

---

是您需要的更改。

您的假设是正确的。但是，如果仅使用justify=“space between”，12*仍将在同一行中。有没有一种方法可以在有10行时自动交换行？（如果我使用10*Grid+2*Grid，我可以做到，这是实现我的目标的唯一方法吗？）是的，我想是的，这些网格系统是实现标准，您不能将默认列数从12更改为12。甚至许多其他的网格系统都使用12作为标准。哦…谢谢你的帮助。你的回答对我帮助很大！