网格内的材质 UI 垂直分隔线未显示

Question

我试图在网格中放置一个垂直的<divider>，但它没有显示。当我将其删除并且不将其放在 <Grid Item> 中时，它会显示，但我认为这不是正确的方法。这里缺少什么：

<Grid container justifyContent="space-between" spacing={1}>
    <Grid item>
        <Grid container alignItems="center" spacing={2}>
            <Grid item>
                Something
            </Grid>
            <Grid item >
                <Divider orientation="vertical" variant="middle" flexItem />
            </Grid>   
            <Grid item>
                Something else
            </Grid>         
        </Grid>
    </Grid>
</Grid>

Answer 1

只要没有周围的 Grid 项目就可以了：

<Grid container justifyContent="space-between" spacing={1}>
  <Grid item>
    <Grid container alignItems="center" spacing={2}>
      <Grid item>Something</Grid>
      <Divider orientation="vertical" flexItem />
      <Grid item>Something else</Grid>
    </Grid>
  </Grid>
</Grid>

请参阅官方文档中的Vertical with text example。