margin:0 auto 居中
flex居中法(缺点, 里面不能写其他元素) 可以居中
justify-content: center; align-content: center;
父元素 position: relative;
子元素 position: absolute;
用定位的方式独占了整个元素的空间并交于margin控制间隙( 基本无问题 )
left: 0;right: 0;top: 0;bottom: 0; margin: auto;
父 position: relative;( 基本无问题 )
子 position: absolute;
left: 50%; top: 50%;
transform: translate(-50%, -50%);