元素在父級容器中上下居中是一個非常普遍的需求。下面是一些方法可以實現這個效果。

方法一：
.container {
display: flex;
align-items: center;
}
方法二：
.container {
position: relative;
}
.child {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
方法三：
.container {
display: table-cell;
vertical-align: middle;
}
.child {
display: inline-block;
}

以上這些方法應該可以滿足大多數情況下的需求。重要的是要記住，要讓