一、行级元素水平垂直都居中
text-align:center;
line-height:height;(行高的值等于高度）;
二、块级元素水平垂直都居中
1.可以用定位实现
（1）已知宽高
父级元素：position:relative;
子元素:
position:absolute;
top:50%;left:50%;
margin-top:负的高度一半;
margin-left:负的宽度一半;
（2）未知宽高
父级元素：position:relative;
子元素：
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
2.弹性盒模型实现
给父元素设置：
display:flex;
justify-content:center; （定义在主轴上如何对齐）
align-items:center; （定义在交叉轴上如何对齐）`
