水平居中的方法：
1、margin:auto;
2、text-align:center;
3、posotion:50% + margin-left:-width/2;
4、占位;
5、JS动态控制;
6、css弹性盒模型。
垂直居中的方法：
1、line-height(单行);
2、padding-top;
3、vertical-align;
4、position:50%(父级元素定高)
5、JS动态控制;
6、css弹性盒模型。
原文：http://www.cnblogs.com/kzweiyi/p/3967190.html