如何将按钮固定在卡组件的底部?

时间:2019-07-10 22:40:31

标签: reactjs material-ui

我试图将<IconButton>锚定到<Card>的底部,无论其上方是什么(本质上,我希望它相对于卡处于一定高度-固定)。

我尝试通过位置或显示来围绕CSS进行操纵,但是没有任何效果。我对JS,CSS和React还是很陌生,所以我真的不知道提示和技巧。更不用说,这是我第一次使用Material UI。

<Card>
  <Grid container spacing={0.5} justify="center" alignItems="center">
    <Grid item>
      <Link>
        <IconButton>
          <CardMedia/>
        </IconButton>
      </Link>
    </Grid>
  </Grid>
</Card>

Click here to see the picture of the card

从图片中可以看到,由于上面的内容,某些按钮比其他按钮位于下方。我只希望它们都处于某个高度。

注意:一些代码已被删除,但这不是必需的。我所展示的基本上是正在发生的事情的主旨。

0 个答案:

没有答案