如何在 Material UI 中对齐水平图标和文本

2024-01-18

我是 Material UI 的新手,现在我的图标和文本未对齐:

我想要的结果:

我的代码是:

<div style={{
    display: 'inline-flex',
    VerticalAlign: 'text-bottom',
    BoxSizing: 'inherit',
    textAlign: 'center',
    AlignItems: 'center'
}}>
    <LinkIcon className={classes.linkIcon}  />
    revolve
</div>  

我尝试了网格和行,但不起作用。谁能帮我?


这非常有效!

<div style={{
    display: 'flex',
    alignItems: 'center',
    flexWrap: 'wrap',
}}>
    <LinkIcon />
    <span>revolve</span>
</div>  
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在 Material UI 中对齐水平图标和文本 的相关文章