从div的中间对齐

Question

我很确定这不是典型的“垂直对齐中心”问题...... 我想做的是采取一个未知高度的div并将其定位在页面上一定比例（比如说33％）。我已经能够实现这一点，但不是我想要的。

而不是postion:absolute; top: 33%或bottom:33%;我想指定从未知高度div的中间计算的33％。这可能吗？

Answer 1

是的，这是可能的。

.your_div{
  position:absolute;
  top:33%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
}

在 this codepen中，checkout 1st div。我已使用top:50%将其设置为中间位置，您可以将其设置为任意百分比。