垂直对齐绝对div [重复]

Question

我有一个 div，它没有声明的高度并且是绝对定位的。

如何垂直对齐？

<div class="valign"><a href="#"><img src="whatever.jpg"></a></div>

.valign{
    position: absolute;
    left: 10px;
}

请不要使用弹性盒子。

Answer 1

.valign {
  position: absolute;
  top: 50%;
  left: 10px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}