CSS中垂直居中和水平居中都是比較常用的布局方式，特別是在響應(yīng)式設(shè)計(jì)中

以下是css實(shí)現(xiàn)在父元素中垂直居中子元素的方式：

.parent{
display:flex;
align-items:center;
}

這里的"align-items:center"實(shí)現(xiàn)了垂直居中，其實(shí)本質(zhì)上是讓子元素在縱向上和父元素居中對(duì)齊。

下面介紹如何在父元素中水平居中子元素：

.parent{
text-align:center;
} 
.parent .child{
display:inline-block;
}

這里的"parent"元素使用了"text-align:center"的屬性來讓其子元素在橫向上居中，"display:inline-block"的屬性讓其寬度隨內(nèi)容而定，也是居中的關(guān)鍵點(diǎn)。

當(dāng)我們需要同時(shí)實(shí)現(xiàn)垂直和水平居中時(shí)，可以采用如下方法：

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

這里的"justify-content:center"是讓其子元素在橫向上居中，而"align-items:center"則是讓其子元素在縱向上居中。同樣的，這里也用到了flex布局。

總結(jié)：通過以上的介紹，我們可以看到，在實(shí)現(xiàn)不同的布局方式時(shí)，靈活運(yùn)用不同的css屬性以及布局方式是至關(guān)重要的。