Triukas: centruokite absoliučią padėtį div

CSS kartais apsunkiname savo gyvenimą paprastais dalykais, kurie yra mažiau sudėtingi nei mes manome, ir kad pamatę sprendimą beveik juokiamės stebėdami tokius anekdotus.

Ne vienas žmogus manęs paklausė, kaip sutelkti absoliučiai padėtį div, ir atsakymas yra labai paprastas:

  1. Mes duodame div fiksuotą plotį. Pavyzdys: 500 taškų
  2. Mes visiškai padedame divą, kai liko 50%. Pavyzdys: pozicija: absoliuti; kairė: 50%;
  3. Su marža atimame pusę to, ką ji matuoja. Pavyzdys: kairė paraštė: -250 taškų;

Rezultatas yra tobulai centruotas, absoliučiai išdėstytas div.


Straipsnio turinys atitinka mūsų principus redakcijos etika. Norėdami pranešti apie klaidą, spustelėkite čia.

15 komentarai, palikite savo

Palikite komentarą

Jūsų elektroninio pašto adresas nebus skelbiamas. Privalomi laukai yra pažymėti *

*

*

  1. Atsakingas už duomenis: Miguel Ángel Gatón
  2. Duomenų paskirtis: kontroliuoti šlamštą, komentarų valdymą.
  3. Įteisinimas: jūsų sutikimas
  4. Duomenų perdavimas: Duomenys nebus perduoti trečiosioms šalims, išskyrus teisinius įsipareigojimus.
  5. Duomenų saugojimas: „Occentus Networks“ (ES) talpinama duomenų bazė
  6. Teisės: bet kuriuo metu galite apriboti, atkurti ir ištrinti savo informaciją.

  1.   Ivanas Lira sakė

    Labai ačiū .. kaip jūs sakote ką nors tokio paprasto ir kad nepaisant to, kad praėjo laikas vis dar yra daugelio galvos skausmų autorius.
    Jūsų pranešimas man buvo labai naudingas, labai ačiū.

  2.   burbuolė sakė

    Labai ačiū !!!

  3.   Glbromanas sakė

    Geras indėlis man labai padėjo, ačiū

  4.   LUCASG sakė

    Koks didelis pašėlęs man jis tarnavo: D

  5.   nugalėtojas sakė

    Puiku ačiū ...

  6.   Benjamin sakė

    Labai geras Carlosas.

  7.   Mario Lozano vietos rezervuotojo vaizdas sakė

    puiki informacija

  8.   Frankas Koqas sakė

    Ačiū, kad jis man tarnavo

  9.   išspaudos sakė

    Tu mane išgelbėjai!!! Ačiū :)

  10.   Danielfloyd sakė

    Ačiū dėde, tu man labai padėjai !!, tas mano fantazijos trūkumas.

  11.   Damian sakė

    labai ačiū !!!!! šis triukas man visada padeda haha

  12.   o sakė

    labai ačiū puikiam draugui

  13.   Chrismartas Anji sakė

    Tai nėra centre, viskas priklauso nuo pirminio „div div“ elemento dydžio, iki kurio mes jį auginame, priklausomai nuo to, kas dedama jo viduje, man buvo naudingiau tai naudoti nei vizualiai, jei matau dar labiau centruotą ir atsako:

    absoliutus;
    liko: 50%;
    paraštė kairėje: -100px;

    tai būtų pusė.

  14.   Edgaras cjuno sakė

    Indėlis vertinamas, jis man tikrai padėjo, sveikinimai!

  15.   Miriam Jess sakė

    Labai geras indėlis man labai padėjo, tūkstantis malonės!