垂直对齐动态身高和宽度的div

Question

我有一个固定宽度和高度的div，固定在屏幕上。

我想在中间垂直对齐，但是身体会随着屏幕分辨率的变化而改变高度，它的全屏布局，高度和宽度会随着查看器的屏幕分辨率而改变减少或增加。

基本上我有。

<div id="center"> 
       <ul id="wrap"> 
        <li><a href="#">In&iacute;cio</a></li> 
        <li><a href="#">Historico</a></li> 
        <li><a href="#">Comissao Organizadora</a></li> 
       </ul> 
      </div><!--menu--> 

和我曾尝试使用margin-top:50%, margin-bottom:50%但没有成功。

Answer 1

入住这jsfiddle演示

<div id="center"> 
    <ul id="wrap"> 
     <li><a href="#">In&iacute;cio</a></li> 
     <li><a href="#">Historico</a></li> 
     <li><a href="#">Comissao Organizadora</a></li> 
    </ul> 
</div> 

CSS样式

html, body, #center { 
    height: 100%; 
    position:relative; 
    margin:0px; 
    padding:0px; 
} 
#center #wrap { 
    margin:0px; 
    padding:0px; 
    height: 50%; 
    position: absolute; 
    top: 50%; 
    left:40%; 
}