材质UI网格-容器的最后一项未占用整个空间

Question

我有一个带有2个Grid列的Grid容器，此列中的每个列都有3个元素。我希望每列的最后一个元素在该列的底部。我想念什么？

以下代码和行为：https://codesandbox.io/s/material-demo-forked-311tf?file=/demo.js

Answer 1

要实现对最后一个网格项目都margin-top到auto的设置。它将顶部的可用边距移到网格容器的底部。

我刚刚将style={{marginTop:'auto'}}添加到两个网格项目中。 这是工作代码：-https://codesandbox.io/s/material-demo-forked-740g8