Html 将两个div并排对齐，垂直居中于页面中心

我正在尝试根据浏览器视图高度将两个div垂直居中对齐。我也希望能把这两个舞女并排拍下来

我可以同时得到两个div，但不能让它们下降50%的vh。当我把它们放在顶部时，左：50%，它们从那里开始，然后继续

有没有可能让两个垂直的中心和相邻

这是JSFIDLE

或者，如果更简单，下面是直接的代码：

CSS:

HTML

左同侧眼底
右侧同侧视野

您可以使用

显示：flex；对齐项目：居中这是对齐中心的最佳方式

.frame-work {
    text-align: center;
    display: flex;
    width: 100%;
    height: 100vh;
    align-items: center;
}

例如：
您可以使用
显示：flex；对齐项目：居中这是对齐中心的最佳方式

.frame-work {
    text-align: center;
    display: flex;
    width: 100%;
    height: 100vh;
    align-items: center;
}

比如：
你可能想研究一下，或者对这个很好你可能想研究一下，或者对这个很好
.frame-work {
    text-align: center;
    display: flex;
    width: 100%;
    height: 100vh;
    align-items: center;
}