Javascript 在物料ui卡中将页脚与底部对齐（内部示例）

我从MaterialUI端获取了卡片示例，并希望在网格中排列多张卡片。所有的卡片都具有相同的高度（我使用height:100%实现了这一点），并且页脚位于卡片的底部。在这里，我尝试使用flex column布局失败。仍然取决于卡片中文本的长度，页脚不显示在底部

我在下面的代码示例中准备了问题：

---

有人能告诉我如何在每张卡片的底部显示页脚吗？

在您的卡片元素中添加

display:flex

和

flexDirection:column

。这将在一列中设置

卡中的所有内容

 <Card className={classes.root} style={{ display: "flex", flexDirection: "column" }}>

这里的工作演示：
非常好，非常感谢！我真的很怀念marginTop的那部分：汽车。
<CardContent style={{ marginTop: "auto" }}>