CSS2/CSS3 垂直水平居中

CSS2/CSS3 在设置垂直水平居中还是有一定的差别，主要是CSS2设置相关样式到想要垂直水平居中的标签本身，CSS3设置相关样式到想要垂直水平居中的标签的父级。

1、采用CSS2的方法，为想要垂直水平居中的元素，添加如下的类。

记得要为center指定宽度和高度！

div.center {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

2、采用CSS3的方法，为想垂直水平居中元素的父元素，添加如下样式属性。

记得要为center指定宽度和高度！

display: -webkit-box;
-webkit-box-align: center;
 -webkit-box-pack: center;