Html 在已垂直居中的图元内垂直居中图元

我正在尝试将我的

.get started btn

垂直放置在引导列中。我认为问题可能是因为此按钮已放置在带有

显示：表格单元格

的div中，因此我无法在另一个

表格单元格

中创建

表格单元格

？有没有其他方法使按钮垂直居中

看我的小提琴：

---

带段落的div是否总是具有相同的内容？如果是，您可以尝试：

.vcenter {
    line-height: 270px; /*height of entire div on the left*/
}

并删除此项：

.vcenter a {
    display: table-cell;
    vertical-align: middle;
    float: none;
    }

---

抱歉误解了你的问题。当我增加宽度时，我看到了两列

通过添加以下样式，可以使按钮垂直居中：

.row {
  display: table-cell;
}

.vcenter a {
  position: relative;
  top: 50%;
  transform: translateY(-50%);}
}

---

我需要右栏的高度与左栏的高度相匹配，然后我希望按钮居中。请在您的问题中提供完整的代码示例。这是一个创造性的解决方案。我最感兴趣的是如何准确地定位它，因为我经常遇到这个问题，但我最终可能会求助于像这样的黑客。。谢谢，我想事情就是这样的。谢谢

.vcenter a {
    display: table-cell;
    vertical-align: middle;
    float: none;
    }

.row {
  display: table-cell;
}

.vcenter a {
  position: relative;
  top: 50%;
  transform: translateY(-50%);}
}