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的一半，就刚好出于居中的位置了。