要在垂直方向上将元素居中，可以使用以下方法：
.centered {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.container {
display: flex;
align-items: center;
}
.container {
display: grid;
place-items: center;
}
这些方法都可以很容易地实现元素在垂直方向上的居中，具体选择哪种方法取决于项目需求和个人偏好。
