水平居中的方法：

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弹性盒模型。

CSS笔记