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是宽度的一半