如何在已知高度的div内垂直居中未知高度的div?

时间:2012-08-09 00:53:46

标签: css vertical-alignment

当动态生成<div id="innner">的内容时,我想在<div id="outer">内垂直居中<div id="innner">,因此高度可变。也就是说,

<div id="outer">
    <div id="inner">
        // dynamically generated stuff
    </div>
</div>

1 个答案:

答案 0 :(得分:0)

#outer{
    float:left; 
    height:50%; 
    margin-bottom:-120px;
}

#inner{
    clear:both; 
    height:240px; 
    position:relative;
}

HTML

<div id="outer">
<div id="inner">
Content here
</div>
</div>