MUI-如何将组件居中/右对齐? [英] MUI - How to align a component to the center/right?
本文介绍了MUI-如何将组件居中/右对齐?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我要将按钮与父级的右侧对齐。
我想知道在MUI中是否有正确的方法。我可以使用:
<Grid container justify="flex-end">
但这样我就必须使用另一个<Grid item />
。似乎工作量太大。
或者,也许我只是更好地使用普通老式CSS,摆弄float: right
并处理元素的明显零高度。
推荐答案
在MUI 5之前:
试试这个
<Grid container justify="flex-end">
<Button>Example</Button>
</Grid>
更新MUI 5:(感谢Dipak)
ForwardRef(Grid)
的属性justify
已弃用。请改用justifyContent
,道具已重命名。
<Grid container justifyContent="flex-end">
<Button>Example</Button>
</Grid>
更新:最好的解决方案是NearHuscarl的答案,最好使用Stack而不是Grid。
这篇关于MUI-如何将组件居中/右对齐?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文