元素在父级容器中上下居中是一个非常普遍的需求。下面是一些方法可以实现这个效果。

方法一：
.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;
}

以上这些方法应该可以满足大多数情况下的需求。重要的是要记住，要让