Trikk: tsentreerib absoluutse positsiooni div

Mõnikord raskendame CSS-is oma elu lihtsate asjadega, mis on vähem keerulised, kui me arvame, ja et lahendust nähes naerame selliste anekdootide jälgimise üle peaaegu.

Rohkem kui üks inimene on minult küsinud, kuidas absoluutselt positsioneeritud div tsentreerida ja vastus on väga lihtne:

  1. Anname divile kindla laiuse. Näide: 500 pikslit
  2. Me paigutame div-i absoluutselt 50% -ni. Näide: positsioon: absoluutne; vasakul: 50%;
  3. Lahutame pool sellest, mida see mõõdab marginaaliga. Näide: vasak serv: -250px;

Tulemuseks on täiesti tsentreeritud, absoluutselt paigutatud div.


Artikli sisu järgib meie põhimõtteid toimetuse eetika. Veast teatamiseks klõpsake nuppu siin.

15 kommentaari, jätke oma

Jäta oma kommentaar

Sinu e-postiaadressi ei avaldata. Kohustuslikud väljad on tähistatud *

*

*

  1. Andmete eest vastutab: Miguel Ángel Gatón
  2. Andmete eesmärk: Rämpsposti kontrollimine, kommentaaride haldamine.
  3. Seadustamine: teie nõusolek
  4. Andmete edastamine: andmeid ei edastata kolmandatele isikutele, välja arvatud juriidilise kohustuse alusel.
  5. Andmete salvestamine: andmebaas, mida haldab Occentus Networks (EL)
  6. Õigused: igal ajal saate oma teavet piirata, taastada ja kustutada.

  1.   Ivan Lira DIJO

    Suur aitäh teile .. kui te ütlete midagi nii lihtsat ja et hoolimata aja möödumisest on ikkagi paljude peavalude autor.
    Teie postitus oli mulle väga kasulik, suur aitäh.

  2.   koobas DIJO

    Tänan teid väga !!!

  3.   Glbroman DIJO

    Hea panus aitas mind palju, aitäh

  4.   LUCASG DIJO

    Millist hullu ta mulle teenis: D

  5.   võitja DIJO

    Suurepärane aitäh ...

  6.   benjamin DIJO

    Väga hea Carlos.

  7.   Mario Lozano kohahoidja pilt DIJO

    suurepärane info

  8.   Frank Koq DIJO

    Aitäh, see teenis mind

  9.   marc DIJO

    Sa päästsid mu!!! Aitäh :)

  10.   Danielfloyd DIJO

    Tänan onu, sa aitasid mind palju !!, see minu fantaasiapuudus.

  11.   Damian DIJO

    Tänan teid väga !!!!! see trikk aitab mind alati haha

  12.   o DIJO

    suur aitähh suurepärane sõber

  13.   Chrismart Anji DIJO

    See pole tsentreeritud, kõik sõltub algse div div elemendi suurusest, mille me paneme selle kasvama, sõltuvalt sellest, mis on sisestatud, minu jaoks oli seda kasulikum kasutada kui visuaalselt, kui ma näen seda veelgi keskmelisem ja vastutulelikum:

    absoluutne;
    vasakul: 50%;
    veeris vasakul: -100 pikslit;

    see oleks pool.

  14.   Edgar cjuno DIJO

    Panust hinnatakse, see aitas mind tõesti, tervitused!

  15.   Miriam Jess DIJO

    Väga hea panus aitas mind palju, tuhat armu!