老生常谈，使用div布局的困惑：如何使div中的内容垂直居中？
使用table布局，垂直居中很容易实现，但使用div布局，垂直居中将变得比较困难，没有发现比较完美的解决方案？
大家有比较完美的解决方案吗？

比如：<div id="MainPage" style="height:100%;width:100%;text-align:center"><div id="subPage">具体内容未知，高度和宽度不固定，因内容而变</div></div>，如何使里面的div垂直居中？
------解决方案--------------------

div#wrap {   

    display:table;   

    border:1px solid #FF0099;   

    background-color:#FFCCFF;   

    width:760px;   

    height:400px;   

    _position:relative;   

    overflow:hidden;   

}   

div#subwrap {   

    vertical-align:middle;   

    display:table-cell;   

    _position:absolute;   

    _top:50%;   

}   

div#content {   

    _position:relative;   

    _top:-50%;   

}  

------解决方案--------------------

引用:

CSS code
div#wrap {   
    display:table;   
    border:1px solid #FF0099;   
    background-color:#FFCCFF;   
    width:760px;   
    height:400px;   
    _position:relative;   
    overflow:hidden……

up