①.定位 + margin:auto
子绝父相
left:0;top:0;right:0;bottom:0;
margin:auto;
②.定位 + margin-left +margin-top
子绝父相
left:50%;top:50%;
margin-left: —当前盒子宽度的一半;
margin-top: —当前盒子高度的一半;
③.定位 + transform
子绝父相
left:50%;top:50%;
transform:translate(-50%,-50%)
④.弹性盒子
display:flex;
justify-content:center;
align-items:center;
⑤.flex + margin:atuo
父元素 display:flex;
子元素 margin:auto;