Центрировать div с помощью поля 0 auto

Question

Центрировать div с помощью поля 0 auto

0

Я узнал несколько примеров в Интернете, но, очевидно, я что-то пропустил, потому что моя разметка не работает.

AFAIK это coude должно работать, но это не так. Зачем?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <body style="background: #cdc7ae" class=" ms-backgroundImage" spellcheck="false">           
        <div style="margin: 20px auto;">Hello!</div>    
    </body>
</html>

Alex Zhukovskiy 16 апр. 2014, в 14:26

Источник

0

<div style = "margin: 20px auto; ширина: 450px; / * желаемая ширина * /"> Здравствуйте! </ div> вам также нужно добавить ширину
Pravin Waychal 16 апр. 2014, в 11:51
2

Не уверен, почему вы обновили вопрос. Ответы по-прежнему верны, вам нужно определить ширину или ее значение по умолчанию равно 100% вы можете просто text-align:center;
Ruddy 16 апр. 2014, в 11:59
0

@ Рад, ты прав, я должен использовать выравнивание текста. Благодарю.
Alex Zhukovskiy 16 апр. 2014, в 12:01
0

@ AlexJoukovsky Нет проблем. Я поставлю ответ, каким образом это может помочь другим людям.
Ruddy 16 апр. 2014, в 12:02

Показать ещё 2 комментария

Теги:

html

css

css3

sharepoint

margin

3 ответа

2

Так получается, что вы ищете:

<div style="margin: 20px auto; text-align: center;">Hello!</div>

Без установки ширины div он будет на 100%, поэтому мы можем использовать text-align: center чтобы получить текст в центре. Нет необходимости переместить весь div, установив в этом случае ширину.

ДЕМО ЗДЕСЬ

Ruddy 16 апр. 2014, в 09:26

1

Я отмечу как ответ Таймура, но я также проголосую за ваш. Tnx
Alex Zhukovskiy 16 апр. 2014, в 13:40

0

Вы должны дать ширину вашему div. В противном случае он предполагает 100% ширину и margin:auto не вступает в силу.

user3351229 19 апр. 2014, в 11:23

Ещё вопросы

<div style = "margin: 20px auto; ширина: 450px; / * желаемая ширина * /"> Здравствуйте! </ div> вам также нужно добавить ширину
Не уверен, почему вы обновили вопрос. Ответы по-прежнему верны, вам нужно определить ширину или ее значение по умолчанию равно 100% вы можете просто text-align:center;
@ Рад, ты прав, я должен использовать выравнивание текста. Благодарю.
@ AlexJoukovsky Нет проблем. Я поставлю ответ, каким образом это может помочь другим людям.
Я отмечу как ответ Таймура, но я также проголосую за ваш. Tnx

Taimur · Accepted Answer · 2014-04-16T09-39-00.000Z

Вам нужно указать ширину в <div>, например

<div style="margin: 20px auto; width: 200px">Hello!</div>

Ага. Применение фона к каждому элементу показывает проблему без ширины