單行文字垂直居中：line-height等于height氯析；
塊級元素垂直居中：position定位，flex布局创倔，display:table結(jié)合table-cell等等。
1.父元素高度確定的單行文本（一）
通過設(shè)置父元素的 height 和 line-height 高度一致來實現(xiàn)
1
2
2.父元素高度確定的單行文本（二）
通過把一些div的display 為 table-cell（設(shè)置為表格單元顯示）奴拦，然后再激活 vertical-align? 屬性。
注： IE6届吁、7 并不支持這個樣式, 兼容性比較差错妖。
3.垂直居中
絕對定位這個 div，把它的 top 設(shè)置為 50％疚沐，再把margin-top 設(shè)置為負的 div 高度的一半暂氯！
4.display:flex
div{
display: flex;?
justify-content:center;?
align-items:Center;
}
5.絕對定位和?top left bottom right都為0
div{?width: 50%;?
??height: 50%;?
??background:#000;
??overflow: auto;?
??margin: auto;?
??position: absolute;?
??top: 0; left: 0; bottom: 0; right: 0;}
