HTML：在div中垂直對齊div

Question

我想在另一個div中垂直居中一個div，但我沒有得到它的工作。圖像div需要在父（黑色）div中居中。我已經試過

position: absolute; 

修復，還有

display: table-cell; 

，但他們似乎都沒有工作。問題似乎是我的父母div是100％..任何人都可以幫我嗎？這個例子是在這裏：

http://jsfiddle.net/mkGXx/

Answer 1

<div style="display: table; height: 800px; #position: relative; overflow: hidden;"> 
    <div style=" #position: absolute; #top: 50%;display: table-cell; vertical-align: middle;"> 
     <div class="greenBorder" style=" #position: relative; #top: -50%"> 
     any text<br /> 
     any content<br /><br /><br /> 
     everything is vertically centered 
     </div> 
    </div> 
    </div> 

看到：http://jsfiddle.net/9eDXM/