CSS垂直居中一直是前端開發中一個困擾開發者的問題。在這篇文章中，我們將學習如何使用兩行代碼實現元素的垂直居中。

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

使用以上代碼，我們可以讓父元素設為Flex布局，并使用align-items：center來使子元素垂直居中。這個方法可以適用于任何類型的子元素。

在這篇文章中，我們使用了p標簽和pre標簽來展示這段代碼，使用p標簽來分段講解這個問題，pre標簽來展示CSS代碼，使代碼更加醒目。希望這篇文章能夠幫助您解決CSS垂直居中的問題。