CSS设置DIV垂直居中的N种方法 兼容IE浏览器(7)

　　　　　　<div id="content"><br>　　　　　　　　   

               <pre>现在我们要使这段文字垂直居中显示！   

　　　　　　　　　　div#wrap {   

　　　　　　　　　　　　border:1px solid #FF0099;   

　　　　　　　　　　　　background-color:#FFCCFF;   

　　　　　　　　　　　　width:760px;   

　　　　　　　　　　　　height:500px;   

　　　　　　　　　　　　position:relative;   

　　　　　　　　　　}   

　　　　　　　　　　div#subwrap {   

　　　　　　　　　　　　position:absolute;   

　　　　　　　　　　　　border:1px solid #000;   

　　　　　　　　　　　　top:50%;   

　　　　　　　　　　}   

　　　　　　　　　　div#content {   

　　　　　　　　　　　　border:1px solid #000;   

　　　　　　　　　　　　position:relative;   

　　　　　　　　　　　　top:-50%;   

　　　　　　　　　　}<br>　　　　　　　　</pre>  

　　　　　　</div>  

　　　　</div>  

　　</div>  

</body>  

</html>    

PS:垂直居中vertical-align的值是middle，而水平居中align的值是center，虽然同是居中但关键字不同。
 
六、实测可以完美实现各种浏览器兼容的居中方案　

（编辑：ASP站长网）