如何将内容垂直放置在绝对定位的div内？

HTML：

<div id="absolute">
    <div class="centerd">
    <h1>helo</h1>
    <span>hi again</span>
    </div>
</div>

CSS：

#absolute {
    position:absolute;
    top:10px;
    left:10px;
    width:50%;
    height:50%;
    background:yellow;
}
 
.centerd {
    display:table-cell;
    vertical-align:middle;
}

Fiddle

解决方法

• 上一篇：css – 绝对位置从顶部,水平居中的下一篇：CSS定位表格单元格中绝对不能在Fir