CSSを使用してコンテンツをページの中心に設定する

私はリード生成ページを作成しようとしています。どのブラウザサイズで表示されても、ページのすべてのコンテンツを中央に集中させたい。CSSを使用してコンテンツをページの中心に設定する

私は垂直アライメントセンターを使ってみました。しかし、それは動作していないようです。

そうするベストプラクティスはどれですか？

2012-08-02 Harsha M V

あなただけの左右の縁の間に中心を意味している場合は、一定の幅を持つ要素を作成し、その上にmargin: auto;を宣言します。

要素を水平方向と垂直方向の両方にセンタリングする場合は、水平方向と垂直方向の両方でページの中央に配置し、要素の幅と高さの半分だけ戻します。例えば

：ここ

.someElement { 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    width: 200px; 
    height: 200px; 
    margin: -100px 0 0 -100px; 
}

2012-08-02 09:53:31

私はそれを試みました。しかしそれはそれ自体を中心にしていないようです。 http://play.mink7.com/h/mspre/ –

私は分かりません。それは私にとってはかなり中心に見える。 –

ああ申し訳ありません、私はコードを変更して遊んでいました:)今は動作します:) –

-1

あなたが行く：私にとって

2012-08-02 09:53:38

それを行うための最善の方法は、設定された幅のコンテナのdivを作ることです。私は通常、ほぼ900pxを選択しています。すべてのディスプレイが現在これよりも幅広くなっています。私はマージンオートを使ってdivを中心にします。

#container { width: 900px; 
margin: 0px auto 0px auto; 
}

これはdivを中心にします。ボブはあなたの叔父です。
もし私がこれの例を投稿することができます。

マイク

2012-08-02 12:02:30 Mackey18

答えて