提问者:小点点

物料UI网格-容器的最后一个项目不占整个空间


我有一个网格容器,有2个网格列,每个列有3个元素。我希望每列的最后一个元素在列的底部。我错过了什么?

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


共1个答案

匿名用户

为实现此目的,将Margin-Top设置为Auto,以实现两个网格的最后一项。它将把顶部的可用边距移动到网格容器的底部。

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