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

大多数现代浏览器都支持表格单元格。我可以用吗

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