1.行元素单行文本
text-aline:center;
linehigth:与元素高度相同
2.行元素多行文本
text-aline:center;
tranform:translate(-50%,-50%)
3.块元素已知高宽（兼容性最好）
position:fixed;
top:50%
left:50%
margin-top:负的当前元素高度的一半
margin-left:负的当前元素宽度的一半
4.块元素未知高宽
position:fixed;
top:50%
left:50%
tranform:tranlate(-50%,-50%);
5.弹性盒模型、弹性布局（水平垂直居中）
display：flex；
justify-content：center;----水平居中（主轴上的排列方式，单个元素多个 元素都适用，当作一个整体）
align-items：center（交叉轴进行居中）必须有两个或多个主轴时才有效果
