CSS垂直居中一直是前端開(kāi)發(fā)中一個(gè)困擾開(kāi)發(fā)者的問(wèn)題。在這篇文章中，我們將學(xué)習(xí)如何使用兩行代碼實(shí)現(xiàn)元素的垂直居中。

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

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

在這篇文章中，我們使用了p標(biāo)簽和pre標(biāo)簽來(lái)展示這段代碼，使用p標(biāo)簽來(lái)分段講解這個(gè)問(wèn)題，pre標(biāo)簽來(lái)展示CSS代碼，使代碼更加醒目。希望這篇文章能夠幫助您解決CSS垂直居中的問(wèn)題。