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-如何将组件居中/右对齐？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！