html - CSSを使用してコンテンツをページの中央に配置します

Question

リード生成ページを作成しようとしています。任意のブラウザサイズで表示した場合、ページのすべてのコンテンツを中央に配置したいと思います。

縦揃えの中心を使ってみました。しかし、それは機能しないようです。

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

score 10 · Accepted Answer

左端と右端の間の中央揃えだけを意味する場合は、固定幅の要素を作成して宣言margin: auto;します。

要素を水平方向と垂直方向の両方で中央揃えにする場合は、ページの水平方向と垂直方向の両方の中間に要素を配置してから、要素の幅と高さの半分だけ引き戻します。

例えば：

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

score 3 · Accepted Answer

私にとって最善の方法は、設定された幅のコンテナ div を作成することです。ほとんどすべてのディスプレイが現在これよりも広いため、通常は約 900px を選択します。次に、margin auto を使用して div を中央に配置します。

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

これにより、divが中央に配置されます。ボブはあなたのおじです。
必要に応じて、この例を投稿できます。

マイク

score -1 · Accepted Answer

-1

どうぞ：

于 2012-08-02T09:53:38.730 に答える

3 に答える 3