css - 一連の div をセンタリングしますか?

Question

この JS/jquery/ajax アプリ画面をここで中央に配置しようとしています。これにより、ユーザーの画面のサイズに関係なく、すべて中央に配置されたままになります。現在、すべて左揃えになっています。

何をしようとしても、それは単に中心にありません。一番外側の div を中央に配置すると、すべての内側のものがめちゃくちゃになります。

score 2 · Accepted Answer

あなたのhtmlは間違って構築されています。すべてが絶対的に配置されているようで、左/上が定義されています。あなたのボディタグが持っているのは役に立ちませんwidth: 790px;

これはcssだけで解決できます。マークアップからすべてのポジショニングスタイルを削除し、 #game をに設定してみてくださいmargin: 0 auto(センタリングトリック)。

score 1 · Accepted Answer

body タグの幅設定を削除します

ゲームヘッダーとゲーム div で "margin: 0 auto" を使用します。

そして、ゲームヘッダー div とゲーム div を position:relative を使用するように設定します

score 0 · Accepted Answer

メインの div 要素の次のCSSを使用します。#contentid

#content {
    margin-left: auto ;
    margin-right: auto ;
}

両方の余白が auto に設定されている場合、Web ブラウザーは CSS 標準で同じ幅にする必要があるため、この手法が機能します。

3 に答える 3