块级元素水平居中

• 定宽，左右margin为auto
• display:flex;       justify-content：center;      flex-direction:row
• 父元素设置text-align：center，使内部的行盒、块盒居中(文本)
• 相对定位元素，left：0；right：0；定宽；左右margin：auto。
• 相对定位元素，margin-left：50%；transform：translateX(-50%)