将 flex-grow 添加到材质 ui Grid

Question

是否可以将“flex-grow”添加到 Material ui 中的 Grid 项中？接缝有点奇怪，我必须选择 Box 才能访问 Flexbox https://material-ui.com/system/flexbox/？

Answer 1

是的，您可以使用样式属性添加 flex-grow。

<Grid item style={{ flexGrow: 1 }}>
   <Typography variant="h1" color="textPrimary" >
      Title
   </Typography>
</Grid>

或者您可以为多个网格项目创建一个单独的类。