CSS 中上下居中是一個常見的問題，特別是在處理元素的垂直對齊時。下面是一些常用的 CSS 技巧，幫您輕松實現垂直居中。

方法一：使用 display 和 vertical-align 代碼

.container{
display:flex;
align-items:center;
justify-content:center;
}

這是最通用的一種方法，適用于大部分的場景中。使用 flex 布局，將元素在垂直和水平方向上都居中對齊。

方法二：使用 position:absolute 和 margin:auto

.container {
position: relative;
}
.centered {
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
margin: auto;
}

在這個方法中，我們將容器的 position 屬性設置為 relative，再將子元素的 position 屬性設置為 absolute，使其脫離文檔流。使用 top、left、bottom、right 等屬性確定子元素的位置，并使用 margin: auto 將其水平和垂直居中。

方法三：使用line-height 和 height 屬性

.container{
height:20px;
line-height:20px;
}

當元素中只有一行文本時，可以將容器的高度和行高設置成相同的值，使文字居中。如果是多行文本時，此方法的效果會不太理想。

以上是三種常見的 CSS 居中方法，您可以根據不同情況分別選擇使用。希望這篇文章對您有所幫助！