html - 垂直对齐 flexslider 内容与 flexbox

Question

我已经构建了 this正在运行的响应站点 Woo Themes Flexslider 2 .

我想垂直对齐视频并复制到页面中间。我试过在 <div class="center"></div> 上使用 flexbox , 但内容的位置被推到顶部。

我在这里做错了什么？是不是因为<div>没有设置宽度和高度？

Answer 1

我不知道为什么 flexbox 方式不起作用，但你可以用这段代码来实现:

.center {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}