-1

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

这是我的代码：

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

http://jsfiddle.net/yKBQD/

4

2 回答 2

1

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

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

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

于 2013-04-07T13:44:20.957 回答
1

看起来您正在寻找text-align: center风格，不margin: 0 auto：DEMO。

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

于 2013-04-07T13:44:45.490 回答