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。