垂直居中

方法一：

利用table的自带功能

table

方法二：100%高度的before和after + display:inline-block

垂直居中

方法三：伪装成table

垂直居中

方法四：利用margin-top:-150px;

垂直居中

方法五：利用translate

垂直居中

方法六：利用margin：auto

垂直居中

方法七：利用flex 布局

垂直居中