水平居中
- margin：0 auto；
- 定位，子绝父相，给父亲设置相对定位position：relative；子级设置绝对定位position：absolute；left：50%，margin-left：-50%；
- 定位+位移，子绝父相，给父亲设置相对定位position：relative；子级设置绝对定位position：absolute；left：50%，位移transform：translateX（-50%）；
- 弹性盒子：将父级设置成弹性容器display：flex；水平居中justify-content：center； 垂直居中
- 定位：子绝父相，给父亲设置相对定位position：relative；子级设置绝对定位position：absolute；top：50%，margin-top：-50%；
- 定位+位移：子绝父相，给父亲设置相对定位position：relative；子级设置绝对定位position：absolute；top：50%，位移transform：translateY（-50%）；
- 弹性盒子：将父级设置成弹性容器display：flex；垂直居中align-items：center；
