文章目录

1. 1. 方法一（最优解）：
   2. 方法二（最基本，水平居中）：
   3. 方法三（利用flex布局）：

居中对齐是相对父元素水平和垂直的中心。

方法一（最优解）：

.parent{
    display:flex;
}
.child{
    margin:auto;
}

方法二（最基本，水平居中）：

当居中元素为文本或者inline元素：

.parent{
    text-align:center;
}

当居中元素为块级：

.child{
    margin:0 auto;
}

方法三（利用flex布局）：

.parent{
    display:flex;
    justify-content:center; //主轴方向
    align-items:center;//h
}