在网格中垂直堆叠控件？

Question

我得到了以下带有一些复选框的Paper元素：

我希望它们垂直堆叠，但我不太清楚该怎么做。我的Paper元素在网格项中：

<Grid item xs={1} spacing={4}>
    <Paper className={classes.paper}>
        <Typography>(currently empty)</Typography>
        {this.getBoxesWithLabels(this.getLevelLabels(4, -3))}
    </Paper>
</Grid>

，因此它在UI上没有太多空间（这是预期的）。我将如何处理？我尝试使用justifyContent，justifySelf，alignItems等，但是它什么都没有改变。

Answer 1

尝试一下：

<Grid item xs={1} spacing={4}>
    <Paper className={classes.paper}>
        <Grid direction="column">
            <Typography>(currently empty)</Typography>
            {this.getBoxesWithLabels(this.getLevelLabels(4, -3))}
        </Grid>
    </Paper>
</Grid>