在CSS布局中，子元素的垂直對(duì)齊是一個(gè)很常見(jiàn)的問(wèn)題。有時(shí)候我們需要在一個(gè)父元素中居中顯示一個(gè)子元素（比如一張圖片或者一段文字），而這個(gè)子元素的高度不確定，如果不知道如何垂直對(duì)齊，就會(huì)顯得很難看。

那么我們?cè)撊绾卧贑SS中實(shí)現(xiàn)子元素的垂直對(duì)齊呢？其中一個(gè)方法就是使用display: table-cell屬性將父元素和子元素都設(shè)為表格元素，然后通過(guò)設(shè)置vertical-align: middle屬性可以將子元素垂直對(duì)齊到父元素的中間。

.parent {
display: table;
height: 300px; /* 可以設(shè)置一個(gè)高度讓父元素垂直居中 */
}
.child {
display: table-cell;
vertical-align: middle;
}

在這個(gè)例子中，我們將父元素的display設(shè)置為table，將子元素的display設(shè)置為table-cell，這樣它們就像一個(gè)表格一樣。然后通過(guò)設(shè)置vertical-align: middle屬性就可以將子元素垂直對(duì)齊到父元素的中間。

需要注意的是，這種方法只適用于子元素在其父元素中垂直居中的情況。如果你想要水平居中，可以使用text-align: center屬性將父元素的文本內(nèi)容居中，或者使用margin: auto屬性將子元素的左右邊距設(shè)為自動(dòng)，從而實(shí)現(xiàn)水平居中。