塊級元素的水平居中

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

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相當於包含塊寬度的百分比]