前端未知宽高屏幕居中
display:flex;
align-items:center;
justify-content:center(父级元素)
未知宽高
left:50%;
top:50%;
position:absolute;
transform:translate(-50%,-50%)
盒模型:父元素:top:0,left:0; bottom:0; right:0; margin: auto;
定位 盒子宽高已知, position: absolute; left: 50%; top: 50%; margin-left:-自身一半宽度; margin-top: -自身一半高度;
display: table-cell; vertical-align: middle; text-align: center;(父元素)