2013-04-07 2 views
-1

Я много читал об этой проблеме, и я думаю, что все делаю правильно, но чего-то не хватает.margin: 0 auto не работает

Вот мой код:

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

http://jsfiddle.net/yKBQD/

+0

Вы говорите, что это не работает, но это не ясно, что вы пытаетесь достичь. Вы пытаетесь центрировать 'div # text' в более крупном содержащем элементе или просто пытаетесь центрировать« некоторый текст »внутри' div # text'? – ASGM

ответ

1

Похоже, что вы ищете text-align: center стиль, нет margin: 0 auto: DEMO.

версия

margin: 0 auto требует другого элемента в div#text: DEMO

+0

Конечно, я был так на краю, что полностью забыл о выравнивании текста. благодаря – user2013488

1

Авто наценки центр элемента за счет увеличения левого края, пока он не равен правому краю. Если элемент шире, то его контейнер, то он вообще не будет перемещать элемент. Рамка JS Fiddle редко имеет ширину более 1000 пикселей.

Центр автоценок элемент, а не его содержание. Вы не сможете увидеть позицию элемента (если он такой же широкий или более широкий, чем его контейнер), если вы не добавите границу, фон, контур и т. Д., Чтобы края стали видимыми.

Чтобы центрировать встроенные элементы и текст внутри элемента, установите text-align: center на элемент, содержащий их.