在CSS中，可以使用flexbox布局来实现垂直居中元素。具体步骤如下：
设置父元素的display属性为flex，使其成为一个flex容器。
使用justify-content属性设置元素在水平方向上的对齐方式。例如：justify-content: center; 表示元素在水平方向上居中对齐。
使用align-items属性设置元素在垂直方向上的对齐方式。例如：align-items: center; 表示元素在垂直方向上居中对齐。
示例代码如下：
.container {
display: flex;
justify-content: center;
align-items: center;
}其中，container为父元素的类名。这样，在container中的子元素就可以垂直居中了。
需要注意的是，该方法只适用于已知高度的元素。如果元素高度未知，可以考虑使用CSS的transform属性来实现垂直居中。具体方法为：将元素的position属性设置为absolute，再使用transform属性将元素向上移动50%的距离，即可实现垂直居中。
示例代码如下：
.container {
position: relative;
}
.element {
position: absolute;
top: 50%;
transform: translateY(-50%);
}其中，container为父元素的类名，element为需要垂直居中的子元素的类名。