CSS彈性布局是前端開發中常用的布局方式，它可以讓網頁適應不同的屏幕大小，在其中一個常見的需求就是豎直居中。

/* 外層容器 */
.container {
display: flex;
justify-content: center;
align-items: center;
}
/* 內容 */
.content {
width: 200px;
height: 200px;
}

在上述代碼中，我們首先將外層容器設置為彈性布局，通過justify-content和align-items屬性分別設置水平和豎直居中。

然后在內容部分，我們可以設置寬度和高度來占據一定的空間，這樣就可以實現對內容的控制。

此外，對于水平居中的需求，我們只需要將justify-content屬性值改為center即可。

/* 外層容器 */
.container {
display: flex;
justify-content: center;
align-items: center;
}
/* 內容 */
.content {
width: 200px;
height: 200px;
}

以上就是使用CSS彈性布局實現豎直居中的方法，簡單易懂，適合入門級別的前端開發人員使用。