Есть ли разница между "margin: 0 auto"; и "margin: auto;"

Когда мы хотим центрировать выравнивание главной страницы, мы обычно используем "margin: 0 auto;", но когда я использую "margin:auto;", поведение в браузере одинаково (Google Chrome, Firefox).

Ответы

Ответ 1

Да.

margin: 0 auto;

Устанавливает левое и правое поля элемента в auto, а верхнее и нижнее поля - 0.

margin: auto;

Устанавливает все поля на auto. Вероятно, вы получаете одинаковое поведение из-за того, что ваш <body> составляет 100% высоты, поэтому вертикальные поля auto не имеют эффекта.