块级元素的水平居中

水平居中(包含块中居中)

1. 定宽，左右margin为auto。(常规流块盒、弹性项目[不用定宽])
2. 弹性盒设置justify-content：center，让弹性项目在主轴上居中。(普遍适应)
3. 父元素设置text-align：center，让其内部的行盒、块盒居中(文本)。
4. 相对定位元素，left：0；right：0；定宽；左右margin：auto。
5. 相对定位元素，margin-left：50%；transform：translateX(-50%)。[margin，padding相当于包含块宽度的百分比]