css 垂直居中

1、line-heigth 和heigth 相等
单行内容垂直居中

2、padding-top和padding-bottom 相等
容器高度可变，多行内容垂直居中。

3、display: table-cell
vertical-align：middle
display设置为表格单元，内容垂直居中

4、display：flex
align-items：center
利用弹性布局flex