元素的垂直居中

1.line-height垂直只有一行或几个文字的文本，将文字的行高和文本容器高度设置为一样

2.vertical-align：middle将元素放在父元素的中部

3.padding：用法和line-height差不多，也适用于一行或几个字的文本居中

4.模拟表格法（IE7及以下不支持）：将容器设置为display:table，然后将子元素也就是要垂直居中显示的元素设置为display:table-cell，然后加上vertical-align:middle来实现。

5.transform：将元素的XY偏移数值全部设置为-50%（transform:translateX(-50%）transform:translateY(-50%);）

6.css3的box方法

display: -webkit-box;

-webkit-box-orient: horizontal;

-webkit-box-pack: center;

-webkit-box-align: center;

display: -moz-box;

-moz-box-orient: horizontal;

-moz-box-pack: center;

-moz-box-align: center;

display: -o-box;

-o-box-orient: horizontal;

-o-box-pack: center;

-o-box-align: center;

display: -ms-box;

-ms-box-orient: horizontal;

-ms-box-pack: center;

-ms-box-align: center;

display: box;

box-orient: horizontal;

box-pack: center;

box-align: center;}

 7.弹性盒子flex （display：inline-block）

8.通过margin-left、margin-top移位设置