文章/答案/技术大牛

发布

社区首页 >问答首页 >Material v5将内联排版组件对齐到右边

问Material v5将内联排版组件对齐到右边
EN

Stack Overflow用户

提问于 2022-02-07 07:30:35

回答 1查看 754关注 0票数 0

我刚刚升级到MUI 5.4版本，现在我的内联排版不再对齐。

这是我的代码，适用于MUI版本4：

<Grid container xs={12}>
  <Grid container xs={12} justify="space-between" style={{borderBottom: "3px solid black"}}>
    <Typography inline>Value</Typography>
    <Typography inline align="right">{prodVol}MWh</Typography>
  </Grid>
</Grid>

我的猜测是，新的Grid存在一个问题，因为当我更改这个Import时，代码就停止工作了。

reactjs

material-ui

typography

text-align

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-02-07 07:50:55

正如在这个answer中所解释的，我只是用"justifyContent“替换了”“。

我的MUI V5工作代码：

<Grid container xs={12}>
  <Grid container xs={12} justifyContent="space-between" style={{borderBottom: "3px solid black"}}>
    <Typography inline>Value</Typography>
    <Typography inline align="right">{prodVol}MWh</Typography>
  </Grid>
</Grid>

谢谢梅迪:)

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/71014828

复制

相似问题

问Material v5将内联排版组件对齐到右边
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Material v5将内联排版组件对齐到右边EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Material v5将内联排版组件对齐到右边
EN