让元素垂直水平居中是工作和面试中非常常见的，今天记录一下可以实现的几种办法。
1知道宽高的情况下
position:absolute；
left:50%;
top:50%;
margin-top:高度的一半
margin-left:宽度的一半
2 未知宽高的情况下
position:absolute；
left:50%;
top:50%;
transfrom:translate(-50%,-50%)
3 未知宽高的情况下
position:absolute;
left:0;
top:0;
bottom:0;
right:0;
margin:auto;
4 使用弹性盒布局display:flex;
display:flex;
justify-content:center;
align-items:center;
