用material-ui的网格系统如何将5个项目均匀地排成一排?

网格系统是12个,我怎么能把5个项目均匀地排成一排?2.4不行…. 先谢谢你:)

我的代码

    <Grid container spacing={10}>
        {data.map(item => (
          <Grid item xs={12} md={2.4}>
            <div style={{ fontWeight: "700", textTransform: "capitalize" }}>
              {item}
            </div>
          </Grid>
        ))}
      </Grid>

解决方案:

参见自动布局部分,从 文件 的例子来了解如何做到这一点。

对于你的代码,我相信以下的代码应该是可行的。

<Grid container spacing={10}>
  {data.map(item => (
    <Grid item xs={12} md>  // should also add a "key" prop here
      <div style={{ fontWeight: "700", textTransform: "capitalize" }}>
        {item}
      </div>
    </Grid>
  ))}
</Grid>

给TA打赏
共{{data.count}}人
人已打赏
未分类

在commond line Spring Boot中传递多个参数。

2022-9-8 0:22:19

未分类

IIS:在.net框架下托管一个.net核心应用程序网站。

2022-9-8 0:33:16

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索