reactjs 在AppBar的两边放置两个按钮，mui

xfb7svmp 于 2023-04-29 发布在 React

关注(0)|答案(2)|浏览(99)

如何将2个按钮放在左边，从左边至少10px的空间，另一个按钮放在mui的AppBar的右边？
我们可以不使用网格吗？

2条答案

MUI Toolbar就是为此目的而制作的。文档中说 * 工具栏是一个Flex容器，允许使用Flex项属性来布局子文件。* 所以，使用的是flex，而不是网格。文档中的基本应用栏示例演示了如何在应用栏内的工具栏中布局按钮：两个按钮在左边，一个按钮在右边。

添加了这行代码来填充两个按钮之间的空间

<div style={{ flexGrow: 1 }}></div>