垂直對齊絕對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%); 
}