css – 中心内容在绝对定位的div

前端之家收集整理的这篇文章主要介绍了css – 中心内容在绝对定位的div前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个绝对定位的内容内容元素.它可以是< 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;
}

Fiddle

解决方法

如果你在#absolute div中添加display:table,你应该得到你想要的:

http://jsfiddle.net/3KTUM/2/

猜你在找的CSS相关文章