Каков наилучший способ настройки свойств CSS для получения горизонтально центрированной страницы?

Question

До сих пор у меня есть два варианта (возможно, есть и другие):

1. Установите ширину тега body на фиксированную длину и установите горизонтальное поле тега body на auto.Это делает все содержимое горизонтально центрированным.
2. Создайте упаковочный div внутри тела.Установите ширину оберточного div на фиксированную длину и установите для его горизонтального поля значение auto.Это также делает любое содержимое внутри упаковочного div центрированным по горизонтали.

Я не знаю, какой из них лучше.Или, если у вас есть другой вариант, который вы считаете лучшим, сообщите мне.

Answer 1

Оболочка div более гибкая, потому что вы никогда не знаете, когда вы хотите, чтобы элемент не центрировался.Через пару месяцев, если сайт потребует внесения изменений, вы будете рады, что у вас есть div обертки, и в итоге у вас будет меньше работы, потому что вы можете иметь братьев и сестер div обертки и делать с ними все, что хотите.

С учетом сказанного, если это довольно упрощенный тривиальный пример / сайт, продолжайте и 0 auto элемент body.