CSS中垂直居中和水平居中都是比較常用的布局方式，特別是在響應式設計中

以下是css實現在父元素中垂直居中子元素的方式：

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

這里的"align-items:center"實現了垂直居中，其實本質上是讓子元素在縱向上和父元素居中對齊。

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

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

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

當我們需要同時實現垂直和水平居中時，可以采用如下方法：

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

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

總結：通過以上的介紹，我們可以看到，在實現不同的布局方式時，靈活運用不同的css屬性以及布局方式是至關重要的。