css - 如何建仓 :relative div centered vertically?

Question

如何让position:relative div垂直居中于父元素？
例如:

<div class="parent">
    <div style="position:relative;" class="child">
    </div>
</div>

如何让$('.child')在$('.parent')中垂直居中？

Answer 1

请尝试使用此 css 而不是直接使用表格

.parent
{
    height: 100px;
    width: 200px;
    border:1px solid red;
    display:table;
}
.child
{
    height: 100px;
    margin: auto;
    position: relative;
    width: 100px;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}