边距：0 自动不起作用答案

【问题标题】：margin: 0 auto does not working边距：0 自动不起作用
【发布时间】：2013-04-07 21:47:29
【问题描述】：

我已经阅读了很多关于这个问题的内容，我认为我做的一切都是正确的，但是缺少一些东西。

这是我的代码：

<div id="text">some text</div> 
#text {margin: 0 auto; width: 1000px; display: block;    font-size: 24px; color: #000;}

【问题讨论】：

【解决方案1】：

看起来您正在寻找text-align: center 样式，而不是margin: 0 auto：DEMO。

margin: 0 auto 版本需要div#text 中的另一个元素：DEMO

【讨论】：

【解决方案2】：

自动边距通过增加左边距直到它等于右边距来使元素居中。如果元素比它的容器宽，那么它根本不会移动元素。 JS Fiddle 框架很少会超过 1000 像素宽。

自动边距居中元素，而不是其内容。除非您添加边框、背景、轮廓等以使边缘可见，否则您将无法看到元素的位置（如果它与其容器一样宽或更宽）。

要将元素内的内联元素和文本居中，请在包含它们的元素上设置text-align: center。

【讨论】：