CSS（三）：水平居中常用方法

行内元素

给其 父元素 设置 text-align: center ，即可实现行内元素水平居中。

块级元素

（1）给 该元素 设置 margin: 0 auto 即可实现块级元素水平居中。适用于 定宽块状元素 。

（2）使用 flex 布局，给 父元素 设置如下属性：

.parent {
    display: flex;
    justify-content: center;
}