html - div 上的垂直居中不起作用

Question

从一开始我就在 stackoverflow 上搜索长期解决方案和类似问题，但没有人适合我。

这是一个 jsFiddle:http://jsfiddle.net/ruudy/MJe3H/

我想将 Material 容器垂直居中，它只能水平放置。

我尝试了不同的解决方案，例如:

top: 0px;
bottom: 0px;
margin: auto;

---

display: -moz-box;
-moz-box-align: center;
display: -webkit-box;
-webkit-box-align: center;
display: box;
box-align: center;

---

display: table-cell;
vertical-align: center;

我尝试查看父 div 是否使垂直居中不起作用，但没有找到任何线索。

提前致谢。

PD:一定很简单，但我没找到。

Answer 1

看看这个关于垂直居中对象的网站，它对我很有用。

vertical-centering-with-css