Triks: centrējiet absolūto pozīciju div

CSS dažreiz mēs sarežģām savu dzīvi ar vienkāršām lietām, kas ir mazāk sarežģītas nekā mēs domājam, un ka, ieraugot risinājumu, mēs gandrīz smejamies par šādu anekdošu novērošanu.

Vairāk nekā viena persona man jautāja, kā centrēt absolūti novietotu div, un atbilde ir ļoti vienkārša:

  1. Mēs piešķiram div fiksētu platumu. Piemērs: 500 pikseļi
  2. Mēs absolūti pozicionējam div, atstājot 50%. Piemērs: pozīcija: absolūta; kreisā: 50%;
  3. Ar rezervi mēs atņemam pusi no tā, ko tā mēra. Piemērs: atstarpe pa kreisi: -250 pikseļi;

Rezultāts ir ideāli centrēts, absolūti novietots div.


Atstājiet savu komentāru

Jūsu e-pasta adrese netiks publicēta. Obligātie lauki ir atzīmēti ar *

*

*

  1. Atbildīgais par datiem: Migels Ángels Gatóns
  2. Datu mērķis: SPAM kontrole, komentāru pārvaldība.
  3. Legitimācija: jūsu piekrišana
  4. Datu paziņošana: Dati netiks paziņoti trešām personām, izņemot juridiskus pienākumus.
  5. Datu glabāšana: datu bāze, ko mitina Occentus Networks (ES)
  6. Tiesības: jebkurā laikā varat ierobežot, atjaunot un dzēst savu informāciju.

  1.   Ivans Lira teica

    Liels paldies .. kā jūs sakāt kaut ko tik vienkāršu un ka, neskatoties uz pagājušo laiku, joprojām ir daudzu galvassāpju autore.
    Jūsu ziņa man bija ļoti noderīga, liels paldies.

  2.   pāksts teica

    Liels paldies !!!

  3.   Glbromans teica

    Labs ieguldījums man ļoti palīdzēja, paldies

  4.   LUCASG teica

    Cik liels traks viņš man kalpoja: D

  5.   uzvarētājs teica

    Lielisks paldies ...

  6.   Bendžamins teica

    Ļoti labs Karloss.

  7.   Mario Lozano viettura attēls teica

    izcila info

  8.   Frenks Koq teica

    Paldies, tas man kalpoja

  9.   izspaidas teica

    Tu, mani izglābi!!! Paldies :)

  10.   Danielfloids teica

    Paldies tēvocim, tas man ļoti palīdzēja !!, tas manis iztēles trūkums.

  11.   Damian teica

    liels paldies !!!!! šis triks man vienmēr palīdz haha

  12.   o teica

    liels paldies, lielisks draugs

  13.   Krismarts Anji teica

    Tas nav centrēts, tas viss ir atkarīgs no sākotnējā div div elementa lieluma, līdz kuram mēs to liekam augt, atkarībā no tā, kas tajā ir ievietots, man bija lietderīgāk to izmantot nekā vizuāli, ja es to redzu vēl centrētāku un atbildošs:

    absolūts;
    pa kreisi: 50%;
    atstarpe pa kreisi: -100px;

    tā būtu puse.

  14.   Edgars Cjuno teica

    Ieguldījums tiek novērtēts, tas man patiešām palīdzēja, sveicieni!

  15.   Mirjama Džesa teica

    Ļoti labs ieguldījums man ļoti palīdzēja, tūkstoš žēlastības!