Центрируй, властвуй, располагай

[CKAMmanager]

Добрый день, опечатка в примере с выравниванием флексами, второй раз указано justify-content: center вместо align-items: center

[Usetech]

Добрый день, спасибо, поправили.

[Ge_5]

Спасибо за труд, как раз нужно было

[Usetech]

Спасибо за обратную связь!

[Fess_blaga]

margin: 0 auto

Зачем тут вертикальные отступы, которые равны 0?
Это про горизонтальное выравнивание, и правильно будет:

margin-left: auto;
margin-right: auto;

[alvltab]

Затем что иначе вы превратили одну строку кода в две.

[Fess_blaga]

Я указал левый и правый отступ.
Сокращенная запись указывает (обнуляет, в данном случае) ещё и вертикальные.
Зачем?

[Serator]

Можно и в одну строку записать как `margin-inline: auto`. В подавляющем большинстве случаев это будет тоже самое. Но в любом случае лучше не обнулять что-то, если это не требуется, а просто "так короче".

[alvltab]

Спасибо за интересную технику!

[juwon22]

Добрый день, зачем дублировать свойство margin,если мы короче можем записать)

[vgglow]

Помню, как в своё время мучился с выравниванием, не понимал почему в одном случае работает, а в другом, вроде бы похожем, нет. Жаль, что тогда мне не попалась подобная статья. Всё кратко, чётко и по делу. Спасибо!

[alvltab]

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

Как центрировать блок, ширина которого, например 175vw? Не используя абсолютного позиционирования (слишком очевидное решение).

[Serator]

`display: grid; place-content: center;` у родителя?

[alvltab]

Что я делаю не так? (Допустим, что заменить vw на % или другое измерение нельзя).

[Serator]

Что я делаю не так?

place-items вместо place-content используете?

[alvltab]

Спасибо, добрый человек.

[savostin]

Для чего нужны все остальные способы, когда есть flex/grid?

[Serator]

Потому что, к примеру, `display: grid; place-items: center; ` у родителя - не тоже самое, что `margin: auto;` у его потомка. Разные способы годятся под разные задачи.