Mashtrim: qendra e një pozicioni absolut div

Në CSS nganjëherë ne e komplikojmë jetën tonë me gjëra të thjeshta që janë më pak të komplikuara sesa mendojmë, dhe se kur shohim zgjidhjen gati qeshim duke vëzhguar anekdota të tilla.

Më shumë se një person më ka pyetur se si të përqendroj një div të pozicionuar absolutisht, dhe përgjigja është shumë e thjeshtë:

  1. Ne i japim div një gjerësi fikse. Shembull: 500px
  2. Ne absolutisht pozicionojmë divin me 50% të mbetura. Shembull: pozicioni: absolut; majtas: 50%;
  3. Ne zbresim gjysmën e asaj që mat me marzhin. Shembull: margjina-majtas: -250px;

Rezultati është një ndarje e përqendruar në mënyrë perfekte, e pozicionuar absolutisht.


Lini komentin tuaj

Adresa juaj e emailit nuk do të publikohet. Fusha e kërkuar janë shënuar me *

*

*

  1. Përgjegjës për të dhënat: Miguel Ángel Gatón
  2. Qëllimi i të dhënave: Kontrolloni SPAM, menaxhimin e komenteve.
  3. Legjitimimi: Pëlqimi juaj
  4. Komunikimi i të dhënave: Të dhënat nuk do t'u komunikohen palëve të treta përveç me detyrim ligjor.
  5. Ruajtja e të dhënave: Baza e të dhënave e organizuar nga Occentus Networks (BE)
  6. Të drejtat: Në çdo kohë mund të kufizoni, rikuperoni dhe fshini informacionin tuaj.

  1.   Ivan Lira dijo

    Faleminderit shumë .. ndërsa thua diçka kaq të thjeshtë dhe që pavarësisht kalimit të kohës është akoma autor i shumë dhimbjeve të kokës.
    Postimi juaj ishte shumë i dobishëm për mua, shumë faleminderit.

  2.   kalli dijo

    Faleminderit shumë !!!

  3.   glbroman dijo

    Kontribut i mirë më shërbeu shumë, faleminderit

  4.   LUCASG dijo

    Sa i çmendur i madh më shërbeu: D

  5.   fitimtar dijo

    Faleminderit shkëlqyeshëm

  6.   pallto për burrë dijo

    Karlos shume i mire.

  7.   Imazhi i mbajtësit të vendndodhjes së Mario Lozano dijo

    informacion i shkëlqyeshëm

  8.   Frank Koq dijo

    Faleminderit, më shërbeu

  9.   bërsi për kafshët dijo

    Ti më shpëtove!!! Faleminderit :)

  10.   Danielfloyd dijo

    Faleminderit xhaxha, me ndihmove shume !!, ajo mungesa e imagjinates time.

  11.   damian dijo

    faleminderit shumë !!!!! kjo hile gjithmone me ndihmon haha

  12.   o dijo

    faleminderit shume mik i shkelqyer

  13.   Chrismart Anji dijo

    Kjo nuk është e përqendruar, gjithçka varet nga madhësia origjinale e elementit bazë të ndarjes në të cilin e bëjmë të rritet në varësi të asaj që vendoset brenda, për mua ishte më e dobishme ta përdorja këtë sesa vizualisht nëse e shoh edhe më të përqendruar dhe më reagues :

    absolut;
    majtas: 50%;
    diferencë-majtas: -100px;

    kjo do të ishte gjysma.

  14.   Edgar cjuno dijo

    Kontributi vlerësohet, më ndihmoi vërtet, përshëndetje!

  15.   Miriam Jess dijo

    Kontributi shumë i mirë më ndihmoi shumë, një mijë hir!