reactjs - 使用 Material-UI 如何调整方向 = 列的网格组件的行大小？

Question

我有一个使用网格和方向=列的材料 UI 页面布局。行的“高度”太大。我根本找不到任何关于如何使行更薄的信息。我尝试过使用较小的字体，但这只会使文本变小。

这是代码：

'''

  <Grid container direction='column'>
    <Grid item name='PageHeader'>
      <NavMenu />
    </Grid>
    <Grid item name='PageBreadcrumb'>
      <Breadcrumb />
    </Grid>
    <Grid item container name = 'PageContent'>

        {this.props.children}

    </Grid>
    <Grid item name='PageFooter'>
    <Footer />
    </Grid>
  </Grid>

'''

关于如何做到这一点的任何想法？提前致谢。

标签： reactjsmaterial-ui