垂直居中的方法有多種，以下是一些常用的方法：
絕對定位配合外邊距。這種方法涉及使用絕對定位（position: absolute）和margin: auto來實現垂直居中。需要注意的是，這種方法要求父元素和當前元素的高度被設定，並且所有方向的距離都設定為0，然後將margin設定為auto。
絕對定位配合負邊距。這種方法利用絕對定位百分比（如top: 50%）來實現定位，然後使用負的margin-top和margin-left進行位移。這種方法同樣適用於垂直居中。
Flex彈性布局。在父元素上設定display: flex，並使用justify-content: center和align-items: center來實現水平和垂直居中。這種方法不需要知道子元素的寬高。
Table-cell布局。通過在父元素上設定display: table-cell和vertical-align: middle，可以使子元素垂直居中。這種方法利用了類似表格的布局特性。
位置與CSS3中的Transform屬性。在父元素上設定position: relative，子元素使用position: absolute配合top、left的50%定位，以及transform: translate(-50%, -50%)來實現垂直居中。這種方法也適用於未知寬高的情況。
每種方法都有其適用場景和優缺點，可以根據具體需求和項目情況選擇最適合的方法。