Trik: pusat div posisi absolut

Di CSS terkadang kita mempersulit hidup kita dengan hal-hal sederhana yang tidak serumit yang kita pikirkan, dan ketika kita melihat solusinya kita hampir tertawa saat mengamati anekdot semacam itu.

Lebih dari satu orang bertanya kepada saya bagaimana memusatkan div yang diposisikan secara absolut, dan jawabannya sangat sederhana:

  1. Kami memberi div lebar tetap. Contoh: 500px
  2. Kami benar-benar memposisikan div dengan 50% tersisa. Contoh: posisi: absolut; kiri: 50%;
  3. Kami mengurangi setengah dari apa yang diukur dengan margin. Contoh: margin-left: -250px;

Hasilnya adalah div yang berada di tengah dengan sempurna.


tinggalkan Komentar Anda

Alamat email Anda tidak akan dipublikasikan. Bidang yang harus diisi ditandai dengan *

*

*

  1. Penanggung jawab data: Miguel Ángel Gatón
  2. Tujuan data: Mengontrol SPAM, manajemen komentar.
  3. Legitimasi: Persetujuan Anda
  4. Komunikasi data: Data tidak akan dikomunikasikan kepada pihak ketiga kecuali dengan kewajiban hukum.
  5. Penyimpanan data: Basis data dihosting oleh Occentus Networks (UE)
  6. Hak: Anda dapat membatasi, memulihkan, dan menghapus informasi Anda kapan saja.

  1.   Ivan Lira dijo

    Terima kasih banyak .. karena Anda mengatakan sesuatu yang sangat sederhana dan meskipun berjalannya waktu masih membuat penulis banyak sakit kepala.
    Posting Anda sangat berguna bagi saya, terima kasih banyak.

  2.   tongkol dijo

    Terima kasih banyak !!!

  3.   glbroman dijo

    Kontribusi yang baik banyak membantu saya, terima kasih

  4.   LUCASG dijo

    Betapa gila dia melayani saya: D

  5.   pemenang dijo

    Terima kasih luar biasa…

  6.   benyamin dijo

    Carlos yang sangat baik.

  7.   Gambar placeholder Mario Lozano dijo

    Info yang sangat baik

  8.   Frank Koq dijo

    Terima kasih, itu membantu saya

  9.   marc dijo

    Kamu menyelamatkanku!!! Terima kasih :)

  10.   Danielfloyd dijo

    Terima kasih paman, Anda banyak membantu saya !!, kurangnya imajinasi saya.

  11.   damian dijo

    Terima kasih banyak !!!!! Trik ini selalu membantu saya haha

  12.   o dijo

    terima kasih banyak teman baik

  13.   Chrismart Anji dijo

    Ini tidak berada di tengah, itu semua tergantung pada ukuran asli dari elemen div dasar yang kita buat itu tumbuh tergantung pada apa yang dimasukkan ke dalamnya, bagi saya itu lebih berguna untuk menggunakan ini daripada secara visual jika saya melihatnya lebih terpusat dan reponif :

    mutlak;
    kiri: 50%;
    margin kiri: -100px;

    itu akan menjadi setengah.

  14.   Edgar cjuno dijo

    Kontribusinya diapresiasi, sangat membantu saya, salam kenal!

  15.   miriam jess dijo

    Kontribusi yang sangat baik banyak membantu saya, seribu rahmat!