div垂直居中方式

1、verticle-align: middle

通过vertical-align:middle实现CSS垂直居中是最常使用的方法，但是，vertical生效的前提是元素的display：inline-block。

2、display:flex

父元素display:flex

子元素align-self:center;

3、伪元素:before

.parent:before {

    content: '';

    display: inline-block;

    vertical-align:middle

}

4、display:table-cell

父元素display:table

子元素display：table-cell

5、transform/margin

给子元素的position:relative，

再通过translateY(-50%)/margin(-即可定位到垂直居中的位置)。