定位+margin:auto
1、给父元素设置绝对定位 position:relative 子元素相对定位 position:absolute
2、left:0 top:0 right:0 ; bottom:0 ; margin:auto
定位+margin-left+margin-top
1、给父元素设置绝对定位 position:relative 子元素相对定位 position:absolute
2、left:50%;top:50% ;
margin-left: -当前盒子宽度的一半; margin-top:-当前盒子高度的一半;
定位+transfrom(子元素未知宽高)
1、给父元素设置绝对定位 position:relative 子元素相对定位 position:absolute
2、left:50%; top:50%; transform: translate(-50%,-50%);
弹性盒
1、父元素 display: flex;
2、 justify-content: center; align-items: center;
flex+margin: auto
1、父元素 display: flex; 子元素 margin:auto;