css总结 -垂直居中

 

方法2
父元素display:flex; 子元素align-self:center;

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

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

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

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

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