html - 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/