垂直居中的几种方法

垂直居中的几种方法

1.line-height(子级为行元素，且line-height与父级元素height相等)

2.display: table-cell;  vertical-align: middle;

3.display: flex; align-items: center;

4.position -margin

5.position 0px

6.translate

7.display: inline-block;

8.margin: auto;

9.display: -webkit-box;