垂直居中几种方式？

1. 单行文本: line-height :23px(盒子高度的一半)。

2.图片: vertical-align: middle;(图片后面的文字)。

3. 定位：position: absolute:    top: 50%;left: 50%;     transform: translate(-50%, -50%);    

4. flex: display:flex;  justify-content:center ;  ( 就是通过给父盒子添加flex属性，来控制子盒子的位置和排列方式 );