css - コンテンツまたは div を中央に配置する方法

Question

私は vertical-align: middle; を使用しました。しかし、それは機能していませんmargin-top:80pxを使用したくありません

詳細については、フィドルを参照してくださいhttp://jsfiddle.net/chanduzalte/2vwkA/1/

Answer 1

私はいつもCSS-Tricksに関するこの素晴らしい記事を参照しています - http://css-tricks.com/centering-in-the-unknown/

Answer 2

使用するstyle=" display:table-cell; vertical-align:middle"

この更新されたフィドルをチェックしてください

Answer 3

それが固定されたままになる場合 (ボックスの高さとそのボックス内のテキストは 1 行のみ)、line-height を追加することでそれを実現できます。

.center div{line-height:200px}