Temppu: keskitä absoluuttinen sijainti div

CSS: ssä joskus monimutkaistamme elämäämme yksinkertaisilla asioilla, jotka ovat vähemmän monimutkaisia ​​kuin luulemme, ja että kun näemme ratkaisun, melkein nauramme tarkkailemalla tällaisia ​​anekdootteja.

Useampi kuin yksi henkilö on kysynyt minulta, kuinka keskittää absoluuttisesti sijoitettu div, ja vastaus on hyvin yksinkertainen:

  1. Annamme div: lle kiinteän leveyden. Esimerkki: 500 kuvapistettä
  2. Sijoitamme ehdottomasti div: n 50% jäljellä. Esimerkki: sijainti: absoluuttinen; vasen: 50%;
  3. Vähennämme puolet siitä, mitä se mittaa marginaalilla. Esimerkki: vasen marginaali: -250 kuvapistettä;

Tuloksena on täysin keskitetty, absoluuttisesti sijoitettu div.


Jätä kommentti

Sähköpostiosoitettasi ei julkaista. Pakolliset kentät on merkitty *

*

*

  1. Vastuussa tiedoista: Miguel Ángel Gatón
  2. Tietojen tarkoitus: Roskapostin hallinta, kommenttien hallinta.
  3. Laillistaminen: Suostumuksesi
  4. Tietojen välittäminen: Tietoja ei luovuteta kolmansille osapuolille muutoin kuin lain nojalla.
  5. Tietojen varastointi: Occentus Networks (EU) isännöi tietokantaa
  6. Oikeudet: Voit milloin tahansa rajoittaa, palauttaa ja poistaa tietojasi.

  1.   Ivan Lira dijo

    Kiitos paljon .. kun sanot jotain niin yksinkertaista ja että ajan kulumisesta huolimatta on edelleen monien päänsärkyjen kirjoittaja.
    Viestisi oli minulle erittäin hyödyllinen, kiitos paljon.

  2.   cob dijo

    Kiitos paljon !!!

  3.   glbroman dijo

    Hyvä panos auttoi minua paljon, kiitos

  4.   LUCASG dijo

    Kuinka suuri hullu hän palveli minua: D

  5.   voittaja dijo

    Erinomainen kiitos ...

  6.   Benjamin dijo

    Erittäin hyvä Carlos.

  7.   Mario Lozanon paikkamerkki dijo

    erinomainen info

  8.   Frank Koq dijo

    Kiitos, se palveli minua

  9.   marc dijo

    Pelastit minut!!! Kiitos :)

  10.   Danielfloyd dijo

    Kiitos setä, autoit minua paljon !!, se mielikuvituksen puute.

  11.   damian dijo

    Kiitos paljon !!!!! tämä temppu auttaa minua aina haha

  12.   o dijo

    kiitos paljon erinomainen ystävä

  13.   Chrismart Anji dijo

    Tämä ei ole keskitetty, vaan kaikki riippuu base div -elementin alkuperäisestä koosta, jonka saamme sen kasvamaan riippuen siitä, mikä on sisälle laitettu, minulle oli hyödyllistä käyttää tätä kuin visuaalisesti, jos näen sen vieläkin keskittyneemmäksi ja reagoivammaksi:

    ehdoton;
    vasen: 50%;
    marginaali vasemmalla: -100px;

    se olisi puoli.

  14.   Edgar cjuno dijo

    Panos on arvostettu, se todella auttoi minua, terveisiä!

  15.   Miriam Jess dijo

    Erittäin hyvä panos auttoi minua paljon, tuhat armon!