宽高确定

利用定位加上 margin：auto

 父元素设置：position：relative

 子元素设置：position：absolute + top:0, left:0 + margin：auto

宽高不确定

1.利用定位加transform

子绝父相 + 子top：50%、left：50% + transform: translate(-50%,-50%)

2.flex弹性布局

父元素设置：display：flex + justify-content: center; + align-items: center

3.grid布局

 父元素：display：grid
 子元素：align-self: center; justify-self: center;