1.transforms属性的translate平移 position设置:子绝父相
Transform:translate(-50%,-50%)
Top:50%
Left:50%
2.Margin position设置:子绝父相
在父元素设置:margin:0 auto
在子元素设置: left:50% top:50% 自身的宽和高
margin-left:自身宽度的-1/2
margin-top:自身高度的-1/2
3.flex布局:在父元素中设置 justify-content:center; //使子项目 水平居中 align-items:center;//使子项目垂直居中 display:flex