Блог

Главная - Вопросы по программированию - Центрирование дочерних элементов div без использования

Центрирование дочерних элементов div без использования

#html #css

#HTML #css

Вопрос:

center Тег устарел. Я больше не должен его использовать. Однако я не смог воспроизвести следующее с помощью center :

 <div><center><span>Test<span> <span>Test<span> <span>Test<span></center></div>

Я пробовал использовать margin: 0 auto и align: center , но оба не работают: http://jsfiddle.net/zTY4f /

Комментарии:

1. Вы хотите центрировать <div> или его содержимое? Кроме того, <span> теги закрыты неправильно.

Ответ №1:

margin: 0 auto работает, если вы также явно задаете ширину.

 div {
    width: 400px;
    margin: 0 auto;
}

Комментарии:

1. Это лучший ответ, потому что вы можете не захотеть центрировать текст внутри div, а только сам div.

2. Это лучший ответ, если вы хотите центрировать сам div. Если вы хотите центрировать содержимое внутри div, то предложение @beerwin кажется более подходящим imo.

Ответ №2:

используйте css:

 div {
    text-align:center;
}