在網頁設計中，垂直居中一直是一個令人困擾的問題，特別是在CSS中。

如何讓一個元素縱向垂直居中呢？經過多年的發展，有了多種方法。

/* 第一種方法，使用display:flex */
.parent{
display:flex;
align-items:center;
}
/* 第二種方法，使用absolute+transform */
.parent{
position:relative;
}
.child{
position:absolute;
top:50%;
transform:translateY(-50%);
}
/* 第三種方法，使用line-height */
.parent{
line-height:200px;
}
.child{
vertical-align:middle;
}

以上幾種方法都可以達到垂直居中的效果，使用哪種方式取決于具體情況和個人習慣。