如何在 Material-UI 中将按钮居中

Question

我不知道如何在 Material-UI 中居中按钮。这是我的代码：

 function BigCard(props) {
    const { classes } = props;
    return (
    <div>
        <Card className={classes.card}>
        <CardContent>
            <Typography variant="display1" className={classes.title}>
            Start Funding!
            </Typography>
        </CardContent>
        <CardActions >
            <Button size="small" color="primary" className={classes.actions}>
            Share
            </Button>
            <Button size="small" color="primary">
            Learn More
            </Button>
        </CardActions>
      </Card>
    </div>
  );

我怎样才能使我的按钮居中？

原文由 aspiringsomeone 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以使用 Box 元素

<Box textAlign='center'>
  <Button variant='contained'>
     My button
  </Button>
</Box>

原文由 Said Kholov 发布，翻译遵循 CC BY-SA 4.0 许可协议