div盒子上下水平居中显示

1.盒子使用绝对定位position:absolute;

2.设置left:50%;top:50%;

3.设置margin-left:-200px;margin-top:-100px;

   200是div盒子的宽度一半值，100是div盒子的高度一半值，注意是负值

    这样就实现了一个盒子容器的上下水平居中显示，是不是很简单，*^_^

转载于:https://my.oschina.net/for520/blog/704670