浅谈在CSS中，元素水平居中且垂直居中的常用的方法
（1）第一种方法：使用绝对定位+外边距（设置position为绝对定位absolute,给left和top分别设置为父级元素的50%,设置上外边距和左外边距为分别为自身高度和宽度的一半，且为负值）
position:absolute;
left:50%;
top:50%;
margin-top:-height/2px;
margin-left:-width/2px;
（2）第二种方法：也是使用绝对定位+外边距（设置position为绝对定位absolute,给left、right、top、bottom都设置为零；设置外边距为auto自动适应）
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
margin:auto;
（3）第三种方法：dispaly:inline-block与vertical-align:middle 配合来父元素的text-align:center;
父：
text-align:center;
子：
display:inline-block
vertical-align:middledisplay属性详情
vertical-align属性详情
（4）第四种方法：使用绝对定位+平移（设置position为绝对定位absolute,给left和top分别设置为父级元素的50%,设置X轴平移和Y轴平移距离为分别为自身高度和宽度的一半，且为负值）
position:absolute;
top:50%;
left:50%;
transform:translateX(-50%);
transform:translateY(-50%);
什么是transform?
（5）第五种方法：这种方法是使用flex布局，在元素css中声明为flex;
display:flex;
justify-content:center;
align-items:center;
什么是flex布局？
【浅谈在CSS中，元素水平居中且垂直居中的常用的方法】加油！！！
