使用flexbox垂直对齐flexslider内容

时间:2016-01-26 18:21:26

标签: html css flexbox

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

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

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

1 个答案:

答案 0 :(得分:1)

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

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