CSS中顯示垂直居中是比較常見的需求。但是由于HTML布局的復雜性，實現垂直居中顯得有些棘手。下面介紹幾種常見的實現垂直居中的方法。

/* 方法一：使用絕對定位 */
.parent {
position: relative;
}
.child {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
/* 方法二：使用Flexbox */
.parent {
display: flex;
align-items: center;
justify-content: center;
}
.child {
/* no specific style required */
}
/* 方法三：使用Table */
.parent {
display: table;
}
.child {
display: table-cell;
vertical-align: middle;
}

以上三種方法均可實現垂直居中，具體應用場景需要根據實際情況來選擇適合的方法。