以后就用这三种方法：
1、父元素设置宽高+display:flex+align-items:center+justify-content:center;
2、父、子元素都设置宽高+子元素设置absolute+父元素非relative
3、父元素设置宽高+display:flex+子元素margin:auto
比较长用到的一种：
父标签设置了高度、position:relative;
自标签设置了高度、position:absolute;
子标签垂直居中，给子标签加上以下代码：
top:0;
bottom:0;
margin:auto 0;
子标签水平垂直居中，给子标签加上以下代码：
top:0;
bottom:0;
left: 0;
right: 0;
margin:auto
第二种常用到的方法：
父标签：
｛
display:table; /让元素以表格形式渲染/
width: 80%;
height: 10rem;
｝
子标签｛
display:table-cell; /让元素以表格的单元表格形式渲染/
vertical-align:middle;/使用元素的垂直对齐/
｝
第三种方法： (垂直居中）
父标签:
{
position:relative;
}
子标签：
｛
position:absolute;
bottom:0; //水平居中：left:0;
top:0; //水平居中：right:0;
//加上一个right:0;可以让子标签居右
width:xx;
height:xx;
margin:auto 0; //水平居中：margin:0 auto;
｝
转载自;http://louiszhai.github.io/2016/03/12/css-center/
第四种方法：
父标签：没有要求
子标签：
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
width:设置宽;
height:设置高;
