如何在材质 Ui Grid 中居中元素

【问题标题】：How to center a element inside material Ui Grid如何在材质 Ui Grid 中居中元素
【发布时间】：2021-03-06 20:49:54
【问题描述】：

我正在尝试在 Material-ui 中将 Grid 内的元素居中，但它不会使项目居中。

<Grid container direction="row" justify="center" alignItems="center">
    <My Element/>
</Grid>

我试过这样，但如下图所示，它不会在边框内居中。

我该如何解决这个问题？

【问题讨论】：

【解决方案1】：

这似乎解决了问题：

<Grid style={{display: "flex"}} direction="row"  justify='center' alignItems='center'>
   <My Element/>
<Grid>

【讨论】：