Сегодня мы делимся тем, как центрировать абсолютные элементы. (Центрирование абсолютных изображений, текста, деления). Есть несколько способов центрировать абсолютные элементы ниже.
01. Первый путь
#element {
позиция: абсолютная;
Слева направо: 0;
право: 0;
Маржа налево: авто;
Маржа направо: авто;
}
02. Второй путь
#element {
положение: абсолютное;
слева: 50%;
transform: translate (-50%, 0);
}
03. Третий путь
#element {
поле: 0 авто;
}
04. Четвертый путь
#element {
положение: абсолютное;
слева: 50%;
верх: 50%;
}