如何在Material UI网格项目中将项目水平居中?

如何在Material UI Grid项内居中放置元素?这是我的React应用程序中的一个片段:

How do I center elements inside a Material UI Grid item? Here is a snippet from my React application:

<Grid container>
  <Grid item xs={4}>
    // Unrelated stuff here
  </Grid>
  <Grid item xs={4}>
    // How do I centre these items?
    <IconButton className={classes.menuButton} color="inherit">
      <EditIcon/>
    </IconButton>
    <IconButton className={classes.menuButton} color="inherit">
      <CheckBoxIcon/>
    </IconButton>
  </Grid>
  <Grid item xs={4}>
    // Unrelated stuff here
  </Grid>
</Grid>

我尝试将 alignContent ， justify ， alignItems (应用于父级< Grid item> )，但没有成功.

I've tried applying alignContent, justify, alignItems (to the parent <Grid item>) with no success.

我以为这很简单，但是我找不到关于网格项目内部居中项目的任何信息.

I thought this would be quite simple, but I've failed to find any information on centring items inside of grid items.