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

时间:2021-03-06 20:49:54

标签: reactjs material-ui

我试图在 material-ui 中将 Grid 内的元素居中,但它不会使项目居中。

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

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

enter image description here

我该如何解决这个问题?

1 个答案:

答案 0 :(得分:0)

这似乎解决了问题:

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