css div水平垂直居中

div水平居中對齊
使用margin-left:auto;margin-right:auto; 
.style{margin-left:auto;margin-right:auto;}
縮寫形式爲：
.style{margin:0 auto;}

數字0 表示上下邊距是0。能夠按照須要設置成不一樣的值

div垂直居中對齊
position:absolute;left:50%;top:50%;margin-left:width/2;margin-top:height/2; 

div水平垂直對齊
.style
{
border:1px solid #999;   
position: absolute;           
width:380px;                   
height:200px;                   
left:50%;                            
top:50%; 
margin-left:-190px;
margin-top:-100px;
}
這裏使用了絕對定位position:absolute， 使用left和top設置對象距離上和左爲50%，但若是設置50%，實際上盒子是沒有實現居中效果，因此又設置margin-left:- 190px;margin-top:-100px;，這裏有個技巧是，margin-left的值是寬度一半，margin-top的值也是對象高度一 半，同時設置爲負，這樣就實現了水平和垂直居中。