css - Material UI Grid - 容器的最后一项不占用整个空间

问题描述

我有一个带有 2 个 Grid 列的 Grid 容器，每个列都有 3 个元素。我希望每列的最后一个元素位于列的底部。我错过了什么？

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

标签： cssflexboxmaterial-ui

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

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

css - Material UI Grid - 容器的最后一项不占用整个空间

问题描述

解决方案

推荐阅读