文档：https://material-ui.com/zh/components/grid/

 

1.简介

 

Material Design 响应式布局的栅格可适应屏幕大小和方向，确保布局在不同尺寸之间的一致性。

栅格既能够确保在不同布局下的一致性，同时也能够在众多不同设计中保持其灵活性。 Material Design 的响应式 UI 是基于 12 列的栅格布局。

 

2.属性

 

• 将ref被转发到的根元素。
• 提供的任何其他道具都将提供给根元素（原生元素）。

 

3.CSS

 

Grid本身不提供任何样式，只有设置了属性后，才会应用指定样式

Rule name	Global class	Description
root	.MuiGrid-root	应用于根元素的样式
container	.MuiGrid-container	应用于 container={true}.元素的样式
item	.MuiGrid-item	应用于 item={true}.元素的样式
zeroMinWidth