html - 垂直对齐中间没有运气

Question

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

vertical-align: middle;

我相信我已经正确地水平对齐了它，但我终其一生都无法使其垂直对齐。

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

display: table-cell

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

这就是我到目前为止的进展。有人请帮助我理解为什么不吗？

Answer 1

大多数现代浏览器都支持表格单元格。 caniuse

讨论了垂直居中的各种方法here .如果可以为表单指定固定高度，那么绝对定位和负边距就可以工作了。