Трик: центриране на абсолютна позиция на div

В CSS понякога усложняваме неща, които са по-прости, отколкото си мислим, и когато видим решението, почти се смеем на подобни анекдоти.

Повече от един човек ме е питал как да центрирам абсолютно позициониран div и отговорът е много прост:

  1. Даваме на div фиксирана ширина. Пример: 500px
  2. Абсолютно позиционираме div с останали 50%. Пример: позиция: абсолютна; лява: 50%;
  3. Изваждаме половината от измереното с марж. Пример: поле-ляво: -250px;

Резултатът е идеално центриран, абсолютно позициониран div.


Добавяне като предпочитан източник в Google