html - FirefoxがメインDivを中央に配置していません

Question

margin：0pxautoを使用してメインdivを中央に配置しようとしています。しかし、Firefoxでは機能しません。これが起こった理由は、ChromeとIEで機能します。

css：

#mami{


width:1200px;

margin:0px auto;


}

html：

<body>

<div id='mami'>
   <h1>Center Me</h1>
</div>

</body>

score 2 · Accepted Answer

あなたのdivはFirefoxの中央にうまく配置されています。http://jsfiddle.net/nTXeq/2/

ここに画像の説明を入力してください

div内のテキストを中央に配置する場合は、具体的に次のようにターゲットにする必要があります。

#mami {
text-align: center;
}

score 0 · Accepted Answer

マージンのようにpxなしで配置してみてください：0 auto; ただし、divタグ内に何かを追加する必要があります。そうしないと、何も表示されず、何も表示されません。

<style>.asdf{background:silver;width:1200px;margin:0 auto;height:20px}</style><div class="asdf">Should Center</div>

score 0 · Accepted Answer

この周りに、幅100％のラッパーのような名前のDIVを設定します。次に、この要素をfの内側に配置します。

HTML：

<div id="globalContainer">
    <div id="mami">
        This is some text!
    </div>
</div>

CSS：

#globalContainer{
    width:100%;
}

#mami{
    margin-left:auto;
    margin-right:auto;
    width:1200;
}

3 に答える 3