React Material UI 如何制作 7 列网格答案

【问题标题】：React Material UI how to make a 7 columns gridReact Material UI 如何制作 7 列网格
【发布时间】：2021-03-18 13:55:36
【问题描述】：

根据https://material-ui.com/components/grid/，我可以有一个由 12、6、4、3、2 等列宽度相同或只有一列的网格。我需要一个具有 7 列宽度相同的网格...有什么办法可以实现吗？

我的意思是：

|--|--|--|--|--|--|--|--|--|--|--|--|
|-----|-----|-----|-----|-----|-----|
|--------|--------|--------|--------|
|-----------|-----------|-----------|
|-----------------|-----------------|
|-----------------------------------|

我需要这个：

|----|----|----|----|----|----|----|

【问题讨论】：

标签： reactjs material-ui grid

【解决方案1】：

我认为您无法使用 Material UI 制作七列网格。您可以使用 CSS Grid 制作自己的网格，这样您就可以制作任意数量的列或行。这是一个很棒的 CSS 网格指南 https://css-tricks.com/snippets/css/complete-guide-grid/

【讨论】：