css-垂直居中

## 垂直居中方式
> 方法2<br>
>父元素display:flex;
>子元素align-self:center;

>方法3，也是使用flex<br>
>display:flex;align-items:center;

>方法4,表格居中的思想<br> 
>父元素 display:table;
>子元素 display:table-cell;vertical-align:middle;

>方法5：单行文本<br>
>height:100px;
>line-height:100px;//只需行高等于元素高度

>方法6 定位实现<br>
>父元素position:relative;
>子元素height:100px;line-height:100px;position:absolute;top:50%;margin:-50px,0,0,0;

>方法7 flex<br>
>父元素中display:flex;flex-direction: column;justify-content: center;