выровнять текстовый центр css

Question

У меня есть вопрос, связанный с центрированием страницы с использованием контейнера div # Обычно код контейнера выглядит следующим образом:

div#container
{
margin-left: auto;
margin-right: auto;
width: 50em;
}

Тег контейнера div оборачивает ту часть кода, которую я хотел бы выровнять по центру.

Например, у нас есть 2 объекта A и объект B _объект А это позиция Абсолют _Объект B находится в относительном положении

Объект A и B заключены в контейнер

Проблема: только объект B (положение относительно) находится по центру Объект A (абсолютная позиция) не выровнен по центру

Итак, как центрировать вещи, которые позиционируются уже как абсолютные? Спасибо за любые объяснения

Answer 1

Попробуйте установить положение: относительно #container div. Позиция: абсолютное будет иначе абсолютным в окне, а не в div.

Answer 2

Используйте top: 50% и margin-top: -xxx (где -xxx равен половине определенной высоты в пикселях), чтобы центрировать абсолютно позиционированный контент по вертикали.

Используйте left: 50% и margin-left: -xxx (где -xxx равен половине определенной ширины в пикселях), чтобы центрировать абсолютно позиционированный контент по горизонтали.