Как выровнять div по центру?
Без position. Просто напишите способы (без примеров, чтобы не заморачиваться)
Ответы (4 шт):
Автор решения: Andrey Fedorov
→ Ссылка
С помощью css свойства transform: translate(), но нужно знать размеры div и размеры родителя.
Автор решения: Вадим
→ Ссылка
Без position:
div {
margin: 0 auto;
}
либо с помощью flexbox:
С position:
div {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
либо
div {
top: calc(50% - р.б);
left: calc(50% - р.б);
}
р.б - половина размера блока (центрируемого).