保证金:0自动无效

时间:2013-04-07 13:41:10

标签: html css margin

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

这是我的代码:

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

http://jsfiddle.net/yKBQD/

2 个答案:

答案 0 :(得分:1)

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

自动边距元素,而不是其内容。您将无法看到元素的位置(如果它的宽度或宽度大于其容器),除非您添加边框,背景,轮廓等,以使边缘变得可见。

要使元素内嵌元素和文本居中,请在包含它们的元素上设置text-align: center

答案 1 :(得分:1)

您似乎在寻找text-align: center样式,没有margin: 0 auto DEMO

margin: 0 auto版本需要div#text中的其他元素: DEMO