Question

我正在使用材质UI的Grid组件，并在第一列中使用p属性

所以我有

auto

但是，这不会填满整个容器，但我似乎看不到剩余尺寸的选项。我已经研究过css <Grid container className={classes.borderclass}> <Grid item xs={"auto"}> <Items /> </Grid> <Grid item xs={10}> <Content /> </Grid> </Grid>选项，但是没有看到一种方法来获取auto列的大小以与div进行比较

任何建议，即使不是实质性的ui也将受到赞赏。

Answer 1

如果您检查Material-UI演示，则它们有一个工作示例，该示例显示了使用中的auto属性。因此，如示例here所示，您无需指定auto关键字。做到这一点：

<Grid container className={classes.borderclass}>
   <Grid item xs>
      <Items />
    </Grid>
   <Grid item xs={10}>
      <Content />
  </Grid>
</Grid>

材质UI网格组件将第二列填充到容器的末尾

1 个答案: