css - 将按钮与 React Material-UI 中的 TextField 垂直对齐

Question

我正在使用 React 的 Material-UI 库。
我正在尝试制作一个简单的表格，如下所示:



但是，我不知道如何将按钮与 TextField 对齐。 .
我尝试更改 margin-top但它增加了整个包装的边距。
下面是它的代码沙箱。

关于解决这个问题的任何提示？

https://codesandbox.io/embed/material-demo-y5eg7?fontsize=14&hidenavigation=1&theme=dark

Answer 1

在你的styles.css 文件中你可以添加{position: relative; top: 10px}到小按钮 className 然后调整顶部值，直到您对位置满意为止，或者您可以将行包装在 div 中并使用 {display:flex; flex-direction:row; justify-content:center;}将它们全部对齐。