垂直居中
纯文本内容居中
设置父元素的line-height等于其height
子元素相对父元素绝对定位，margin: auto 0;top:0;left:0;right:0;bottom:0;
子元素相对父元素绝对定位，top: 50%;margin-top: -height/2
子元素相对父元素绝对定位, top:50%;transfrom:translateY(-50%)
flex布局
父元素display:table，子元素display:table-cell;vertical-align:middle
水平垂直居中
文本or图片
父元素:line-height;text-align:center;
定高定宽
子元素相对父元素绝对定位, left:50%;top:50%;margin-left:-width;margin-top:-height;
子元素相对父元素绝对定位, left:50%;top：50%；transfrom:translate(-50%， -50%)
子元素相对父元素绝对定位, margin:auto;top:0;left:0;right:0;bottom:0;
flex布局
父元素display:table-cell;text-align:center;vertical-align:middle;子元素:display:inline-block;
