垂直对齐绝对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%);
}