Trik: centrirajte absolutni položaj div

V CSS si včasih zapletemo življenje s preprostimi stvarmi, ki so manj zapletene, kot si mislimo, in da se, ko vidimo rešitev, skorajda nasmejimo ob opazovanju takšnih anekdot.

Več kot ena oseba me je vprašala, kako centrirati absolutno postavljeni div, in odgovor je zelo preprost:

  1. Divu damo fiksno širino. Primer: 500 slikovnih pik
  2. Div smo absolutno postavili s 50% preostalim. Primer: položaj: absolutno; levo: 50%;
  3. Z maržo odštejemo polovico tega, kar meri. Primer: rob-levo: -250px;

Rezultat je popolnoma centriran, absolutno postavljen div.


Pustite svoj komentar

Vaš e-naslov ne bo objavljen. Obvezna polja so označena z *

*

*

  1. Za podatke odgovoren: Miguel Ángel Gatón
  2. Namen podatkov: Nadzor neželene pošte, upravljanje komentarjev.
  3. Legitimacija: Vaše soglasje
  4. Sporočanje podatkov: Podatki se ne bodo posredovali tretjim osebam, razen po zakonski obveznosti.
  5. Shranjevanje podatkov: Zbirka podatkov, ki jo gosti Occentus Networks (EU)
  6. Pravice: Kadar koli lahko omejite, obnovite in izbrišete svoje podatke.

  1.   Ivan Lira je dejal

    Najlepša hvala .. ker pravite nekaj tako preprostega in da je kljub poteku časa še vedno avtor številnih preglavic.
    Vaša objava mi je bila zelo koristna, najlepša hvala.

  2.   strok je dejal

    Najlepša hvala !!!

  3.   glbroman je dejal

    Dober prispevek, zelo mi je služil, hvala

  4.   LUCASG je dejal

    Kako super noro mi je postregel: D

  5.   victor je dejal

    Odlično hvala ...

  6.   Benjamin je dejal

    Zelo dober Carlos.

  7.   Mario Lozano nadomestna slika je dejal

    odlične informacije

  8.   Frank Koq je dejal

    Hvala, postreglo mi je

  9.   tropin je dejal

    Rešili ste me !!! Hvala vam :)

  10.   Danielfloyd je dejal

    Hvala stric, zelo si mi pomagal !!, to moje pomanjkanje domišljije.

  11.   damian je dejal

    najlepša hvala !!!!! ta trik mi vedno pomaga haha

  12.   o je dejal

    hvala lepa prijateljica

  13.   Chrismart Anji je dejal

    To ni centrirano, vse je odvisno od prvotne velikosti osnovnega elementa div, zaradi česar raste, odvisno od tega, kaj je vstavljeno noter, zame je bilo bolj uporabno kot vizualno, če vidim, da je še bolj centriran in odziven:

    absolutno;
    levo: 50%;
    rob-levo: -100px;

    to bi bilo pol.

  14.   Edgar cjuno je dejal

    Prispevek je cenjen, res mi je pomagal, lep pozdrav!

  15.   Miriam Jess je dejal

    Zelo dober prispevek mi je zelo pomagal, tisoč milosti!