html - Firefox 不居中主 div

Question

我正在尝试使用 margin:0px auto 将主 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 的情况下放置 margin: 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

围绕它设置一个 DIV，名称为 like wraper，宽度为 100%。然后将该元素居中在 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