将按钮与 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;}对齐它们。