小编use*_*261的帖子

我有一个绝对定位元素,里面有内容.它可以是一个<h1>或几个<p>标签.所以我不知道内容的高度.

如何将内容垂直居中放置在绝对位置内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;
}

小提琴