Hile: mutlak bir konumu ortalayın div

CSS'de bazen hayatımızı düşündüğümüzden daha az karmaşık olan basit şeylerle karmaşıklaştırırız. ve çözümü gördüğümüzde bu tür anekdotları izlemeye neredeyse gülüyoruz.

Birden fazla kişi bana mutlak konumlandırılmış bir div'i nasıl ortalayacağımı sordu ve cevap çok basit:

  1. Div'ye sabit bir genişlik veriyoruz. Örnek: 500 piksel
  2. Div'i kesinlikle% 50 sol ile konumlandırıyoruz. Örnek: konum: mutlak; sol:% 50;
  3. Marj ile ölçtüğünün yarısını çıkarıyoruz. Örnek: margin-left: -250px;

Sonuç, mükemmel bir şekilde ortalanmış, kesinlikle konumlandırılmış bir div'dir.


Yorumunuzu bırakın

E-posta hesabınız yayınlanmayacak. Gerekli alanlar ile işaretlenmiştir *

*

*

  1. Verilerden sorumlu: Miguel Ángel Gatón
  2. Verilerin amacı: Kontrol SPAM, yorum yönetimi.
  3. Meşruiyet: Onayınız
  4. Verilerin iletilmesi: Veriler, yasal zorunluluk dışında üçüncü kişilere iletilmeyecektir.
  5. Veri depolama: Occentus Networks (AB) tarafından barındırılan veritabanı
  6. Haklar: Bilgilerinizi istediğiniz zaman sınırlayabilir, kurtarabilir ve silebilirsiniz.

  1.   Ivan Lira dijo

    Çok teşekkür ederim .. çok basit bir şey söylediğinizde ve zaman geçmesine rağmen hala birçok baş ağrısının yazarıdır.
    Gönderiniz benim için çok faydalı oldu, çok teşekkür ederim.

  2.   mısır koçanı dijo

    Çok teşekkür ederim !!!

  3.   glbroman dijo

    İyi katkı bana çok yardımcı oldu, teşekkürler

  4.   LUKASG dijo

    Bana hizmet ettiği ne harika bir çılgınlık: D

  5.   galip dijo

    Mükemmel teşekkürler…

  6.   evin en küçüğü dijo

    Çok iyi Carlos.

  7.   Mario Lozano bilgi alanı resmi dijo

    mükemmel bilgi

  8.   Frank Koq dijo

    Teşekkür ederim bana hizmet etti

  9.   marc dijo

    Beni kurtardın!!! Teşekkür ederim :)

  10.   Danielfloyd dijo

    Teşekkürler amca, bana çok yardımcı oldun !!, o hayal gücüm eksikliğimi.

  11.   damian dijo

    çok teşekkür ederim !!!!! bu numara her zaman bana yardımcı olur haha

  12.   o dijo

    çok teşekkür ederim mükemmel arkadaş

  13.   Noel Anji dijo

    Bu ortalanmamış, hepsi içine koyduğumuza bağlı olarak onu büyüttüğümüz temel div öğesinin orijinal boyutuna bağlı, benim için bunu daha da merkezli ve yanıt veren görüyorsam görsel olarak kullanmaktan daha yararlıydı. :

    mutlak;
    sol:% 50;
    sol kenar boşluğu: -100px;

    bu yarısı olur.

  14.   Edgar cjuno dijo

    Katkı takdir edildi, gerçekten bana yardımcı oldu, selamlar!

  15.   miriam jess dijo

    Çok iyi katkı bana çok yardımcı oldu, bin lütuf!