CSS中讓元素垂直居中是一個(gè)經(jīng)常被提到的問(wèn)題，這是因?yàn)樵趯?shí)際的網(wǎng)頁(yè)設(shè)計(jì)中，我們經(jīng)常需要讓部分內(nèi)容垂直居中，包括文字、圖片、表格等等。

下面是幾種讓元素垂直居中的CSS方法：

/* 方法一：使用table-layout以及vertical-align屬性 */
.container {
display: table;
table-layout: fixed;
height: 100%;
}
.container > div {
display: table-cell;
vertical-align: middle;
}
/* 方法二：使用flexbox布局 */
.container {
display: flex;
align-items: center;
justify-content: center;
}
/* 方法三：使用translateY */
.container {
position: relative;
}
.container > div {
position: absolute;
top: 50%;
transform: translateY(-50%);
}

以上就是讓元素垂直居中的幾種方法，每種方法都適用于不同的情況，開(kāi)發(fā)者可以根據(jù)自己的實(shí)際需求選擇不同的方法。