Button DIV中的按钮位置

10年后，我回到了html和css编码领域，经历了很多变化。我觉得自己就像《黑镜世界》中的弗雷德·弗林斯通

所以我可能有一个愚蠢的问题——如何在div中间定位按钮。我的意思是我在CSS中对齐文本中心。但在水平方向上，它仍然位于顶部边界。下面的Ss，我只是在PS中制作了div的边框来展示它是如何构建的。它的响应性也很强，所以当使用手机时，带有按钮的那一行在带有文本的那一行的上方

---

请尝试使用下面的代码段

.ghost-button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  margin: auto;
}

---

谢谢

不确定您的HTML结构是什么样子，但如果您可以使用flexbox，请查看本文：它非常棒。

.ghost-button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  margin: auto;
}