我有一个绝对定位的内容内容元素.它可以是< 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; }
解决方法
如果你在#absolute div中添加display:table,你应该得到你想要的: