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;