Трик: центрирајте апсолутни положај див

У ЦСС понекад компликујемо живот једноставним стварима које су мање компликоване него што мислимо, и да се када видимо решење готово насмејемо посматрајући такве анегдоте.

Више од једне особе питало ме је како да центрирам апсолутно позиционирани див, а одговор је врло једноставан:

  1. Диву дајемо фиксну ширину. Пример: 500 пиксела
  2. Апсолутно постављамо див са преосталих 50%. Пример: позиција: апсолутно; лево: 50%;
  3. Са маржом одузимамо половину онога што мери. Пример: маргин-лефт: -250пк;

Резултат је савршено центрирани, апсолутно позиционирани див.


Оставите свој коментар

Ваша емаил адреса неће бити објављена. Обавезна поља су означена са *

*

*

  1. За податке одговоран: Мигуел Ангел Гатон
  2. Сврха података: Контрола нежељене поште, управљање коментарима.
  3. Легитимација: Ваш пристанак
  4. Комуникација података: Подаци се неће преносити трећим лицима, осим по законској обавези.
  5. Похрана података: База података коју хостује Оццентус Нетворкс (ЕУ)
  6. Права: У било ком тренутку можете ограничити, опоравити и избрисати своје податке.

  1.   Иван Лира дијо

    Пуно вам хвала .. док кажете нешто тако једноставно и да је упркос протоку времена и даље аутор многих главобоља.
    Ваш пост ми је био веома користан, пуно вам хвала.

  2.   цоб дијо

    Много вам хвала !!!

  3.   Глброман дијо

    Добар допринос ми је пуно помогао, хвала

  4.   ЛУЦАСГ дијо

    Какву велику лудост ми је послужио: Д

  5.   победник дијо

    Одлично, хвала…

  6.   Бенџамин дијо

    Врло добар Царлос.

  7.   Слика чувара места Марио Лозано дијо

    одличне информације

  8.   Франк Кок дијо

    Хвала, послужило ме је

  9.   Марц дијо

    Спасио си ме !!! Хвала вам :)

  10.   Даниелфлоид дијо

    Хвала ујаче, пуно ми је помогло !!, тај мој недостатак маште.

  11.   Дамиан дијо

    много вам хвала !!!!! овај трик ми увек помаже хаха

  12.   o дијо

    хвала вам изврсно пријатељу

  13.   Цхрисмарт Ањи дијо

    Ово није центрирано, све зависи од изворне величине основног див елемента на који га учинимо да расте у зависности од тога шта је стављено у њега, за мене је било корисније користити ово него визуелно ако га видим још више центрираног и репонсиве:

    апсолутни;
    лево: 50%;
    маргина-лева: -100пк;

    то би било пола.

  14.   Едгар цјуно дијо

    Допринос се цени, заиста ми је помогао, поздрав!

  15.   Мириам Јесс дијо

    Веома добар допринос ми је много помогао, хиљаду милости!