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

【问题标题】：How to center button overlaying image with React Bootstrap?如何使用 React Bootstrap 使按钮覆盖图像居中？
【发布时间】：2019-05-18 04:04:07
【问题描述】：

我有一个覆盖图像的按钮，但我无法将它置于图像的中心。类似的问题似乎指向text-align: center，但这对我不起作用......

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

justify-content: center; 和 align-items:center 之间有什么区别？我在您的 CodeSandbox 中看到您刚刚使用了 justify-content: center，这就足够了。
对齐项目垂直对齐项目，在这种情况下我们不需要，而对齐内容水平对齐项目，在这种情况下我们不需要。