Css 如何使用React Bootstrap居中按钮覆盖图像？

我有一个覆盖图像的按钮，但我无法使它在图像中居中。类似的问题似乎指向文本对齐：居中，但这不适用于我

---

CodeSandbox:

您可以使用flex使项目成为中心，即

  {
    display:flex;
    justify-content:center;
    align-item:center
  }

---

CodeSandBox:

在这两种方法之间有什么区别；并对齐项目：居中？我在您的代码沙盒中看到，您刚才使用了justify content:center，这就足够了。对齐项目垂直对齐项目，这是我们不需要的，而对齐内容水平对齐项目，这是我们不需要的。