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

前端之家收集整理的这篇文章主要介绍了css – 中心内容在绝对定位的div前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个绝对定位的内容内容元素.它可以是< h1>或几个p标签.所以我不知道内容的高度.

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

HTML

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

CSS:

@H_403_6@#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相关文章