如何使用CSS将孙子div垂直居中，而不管其高度如何？

Question

我想设置一个Grand Child div垂直居中，无论它的高度如何，当Grand Parent div的位置是相对的且Parent div的位置是绝对的。

.gParent {
    position: relative;
}

.parent {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    height: auto;
    margin: 0;
    padding: 10% 5%;
    width: 100%;
}

.gChild {
    padding: 5px 10px;
    word-wrap: break-word;
}

<div class="gParent">
    <div class="parent">
        <div class="gChild">Text Only Content</div>
    </div> 
</div>

Answer 1

LOAD DATA LOCAL INFILE '/tmp/pub_tair_grm_insert.csv' INTO TABLE pub_tair_germplasm;
Query OK, 68932 rows affected, 65535 warnings (1.26 sec)
Records: 68932  Deleted: 0  Skipped: 0  Warnings: 6

http://jsfiddle.net/nL578wjj/