html - 垂直方向の中央揃えで運が悪い

Question

私は、ページ上でフォームを垂直方向と水平方向に整列させる最もクロスブラウザで簡単な方法を使用しようとしています。私はこれがこれを行うべきだと読んだことがありますが、それを私のCSSに入れたとき、それはまだ一番上にあります。

vertical-align: middle;

水平方向に正しく配置されていると思いますが、垂直方向に配置することはできません。

これを使用する1つの方法は可能でしたが、どうやらこれはあまりクロスブラウザではありません

display: table-cell

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

これは私がこれまでに得た距離です.誰かが私が理解できない理由を理解するのを手伝ってください?

Answer 1

最新のブラウザーのほとんどは table-cell をサポートしています。使ってもいいですか

ここでは、垂直方向のセンタリングのさまざまな方法について説明します。フォームに固定の高さを指定できる場合は、絶対配置と負のマージンが機能する可能性があります。