div垂直水平都居中

div水平居中很好做

div{
margin:0 auto;
}

div垂直居中可以用js动态解决，此处只讲用css来做垂直居中，

这就对div有所限制，div必须明确长宽值。

div{
position:absolute;
width:50%;
height:200px;
margin:0 auto;
top:50%;
margin-top:-100px;
}

垂直居中的原理是，用绝对定位来把div移动到距离顶部50%的位置，在用margin-top的负值来向上移动div的一半，就刚好出于居中的位置了。