如何使用React Bootstrap将按钮叠加图像居中？

Question

我有一个覆盖图像的按钮，但是我无法使其在图像中居中。类似的问题似乎指向text-align: center，但这对我不起作用...

CodeSandbox：https://codesandbox.io/s/nice-leakey-qz8pn

Answer 1

您可以使用flex使项目居中，即

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

CodeSandBox：https://codesandbox.io/s/laughing-dijkstra-vzeb3