子元素如何在父元素中居中（必看）

定位+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;