css 使div垂直、水平居中

水平居中：
<style>
.juzhong{margin:0px auto; width:500px;}
</style>
<div class=juzhong></div>

垂直居中：
<style>
#mid{ 
position:absolute; 
top:50%; 
left:50%; 
margin:-150px 0 0 -150px; 
width:300px; 
height:300px; 
border:1px solid red; 
} 
</style>
<div id=mid></div> 

注意，其中margin:-150px 0 0 -150px; 
第一个150是高度的一半，第四个150是宽度的一半