columns 表示容器分为多少列, width 表示子元素占据多少列，middle 表示子元素垂直居中，center 表示子元素水平居中

使用 flow="column" 可以使子元素从上到下排列（默认从左到右）. 这是 css 属性 grid-auto-flow的映射

您可以使用left和top 属性也设置偏移量，对应 CSS属性中的grid-column-start和grid-row-start

可自定义columns和rows，实现不同的布局效果。其中 1fr 表示占据剩余空间，minmax(45px,auto) 表示子元素最小高度为 45px，最大高度为元素本身高度（元素内容可能会撑开高度）

可使用 areas 属性实现自定义布局区域。可以不使用 width和height 在 Cell 组件上，而是 area 属性，对应 CSS 中的 grid-area。

可以使用 justifyContent 来修改行的水平对齐。

可以使用 alignContent 来修改行的垂直对齐。

grid 布局支持响应式。例如使用grid-template-rows: repeat(auto-fit, minmax(N, 1fr)) 表示每列元素 最小宽度为 N，最大宽度为 1fr。1fr 指的是剩余空间的一等分。如果 1fr 小于 N，那么元素就会换行。

grid 布局支持响应式的。例如使用grid-template-rows: repeat(auto-fit, minmax(N, 1fr)) 表示每列元素 最小宽度为 N，最大宽度为 1fr。1fr 指的是剩余空间的一等分。如果 1fr 小于 N，那么元素就会换行。