Как выровнять элемент по центру? все способы
СобеседованиеВыравнивание
- Flexbox:
display: flex; justify-content: center; align-items: center;
- Grid:
display: grid; place-items: center;
- Grid (item):
margin: auto; на grid item
- Absolute + transform:
position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
- Absolute + inset + margin:
position: absolute; inset: 0; margin: auto; (нужен width/height)
- text-align + line-height: для inline контента
- margin: 0 auto: горизонтальное центрирование block с фиксированной шириной