使用flexbox垂直对齐flexslider内容

Question

我已经构建了运行this的Woo Themes Flexslider 2响应式网站。

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

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

Answer 1

我不知道为什么flexbox方法不起作用，但您可以使用此代码执行此操作：

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