CSS 中實現水平垂直居中是一個常見的需求。在這里，我們會介紹幾種不同的方法來實現這個目標。

//方法一：使用 Flexbox
.container {
display: flex;
justify-content: center;
align-items: center;
}
//方法二：使用絕對定位和 transform 屬性
.container {
position: relative;
}
.child {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
//方法三：使用 display: table; 和 display: table-cell;
.container {
display: table;
}
.child {
display: table-cell;
vertical-align: middle;
}
//方法四：使用 Grid
.container {
display: grid;
place-items: center;
}

以上是幾種常見的方法，使用不同的方法都可以達到水平垂直居中的效果。選擇合適的方法取決于你的具體需求，例如需要適配不同的屏幕尺寸等等。希望這篇文章可以幫助你實現 CSS 中的水平垂直居中。