垂直对齐中间没有运气

Question

我正在尝试使用最交叉的浏览器和直接的方式垂直对齐并在页面上水平对齐我的表单。我已经读到这应该这样做但是当我把它放在我的CSS中时它仍然位于顶部。

vertical-align: middle;

我相信我已经将它水平对齐，但是在我的生命中不能垂直对齐。

有一种方法可以使用它，但显然这不是非常跨浏览器

display: table-cell

• http://jsfiddle.net/spadez/q28WR/21/
• http://jsfiddle.net/spadez/q28WR/21/embedded/result/

到目前为止我已经走了多远。有人请帮助我理解为什么不呢？

Answer 1

大多数现代浏览器都支持table-cell。 caniuse

讨论了各种垂直居中的方法here。如果表格可以给定一个固定的高度，那么绝对定位和负边距可以起作用。