實現CSS垂直居中可能是Web開發中最常見的問題之一。在許多情況下，我們希望將元素垂直居中，而不是將其顯示在頁面的頂部或底部。下面介紹一些常見的實現CSS垂直居中的方法。

/* 方法1：使用display:flex; */
.parent{
display:flex;
align-items:center;
}
/* 方法2：使用position:absolute;和transform:translateY(); */
.parent{
position:relative;
}
.child{
position:absolute;
top:50%;
transform:translateY(-50%);
}
/* 方法3：使用table-cell和vertical-align */
.parent{
display:table-cell;
vertical-align:middle;
}
/* 方法4：使用line-height和height */
.parent{
height:100px;
line-height:100px;
}
/* 方法5：使用display:grid; */
.parent{
display:grid;
place-items:center;
}

以上是一些實現CSS垂直居中的常用方法，你可以根據實際需求選擇其中的一種或多種方法，來實現元素的垂直居中。