Question

我试图使用保证金居中主要div：0px auto;但它不会在Firefox中工作。它适用于Chrome和IE，知道为什么会发生这种情况。

的CSS：

#mami{


width:1200px;

margin:0px auto;


}

HTML：

<body>

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

</body>

Answer 1

你的div在Firefox中很好。 http://jsfiddle.net/nTXeq/2/

enter image description here

如果您想将文本置于div中心，则需要专门针对该文本：

#mami {
text-align: center;
}

Answer 2

尝试没有px像margin一样：0 auto;但你必须在div标签内添加一些内容，否则什么都不会显示，你什么都看不到。

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

Answer 3

在此周围设置一个DIV，其名称类似于包装器，宽度为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;
}