Rumah >hujung hadapan web >tutorial css >Bagaimanakah Saya Mendatar Memusatkan Div dalam CSS?

Bagaimanakah Saya Mendatar Memusatkan Div dalam CSS?

Mary-Kate Olsen
Mary-Kate Olsenasal
2024-11-29 13:58:09800semak imbas

How Do I Horizontally Center a Div in CSS?

Memusatkan Div Secara Mendatar dalam CSS

Soalan:

Bagaimanakah saya memusatkan

secara mendatar?

Masalah:

Menetapkan penjajaran teks: tengah; pada

tidak memusatkannya secara mendatar.

Jawapan:

Pemusatan Mendatar untuk Elemen Blok

  • sejajarkan teks: pusat; hanya memusatkan kandungan sebaris elemen, bukan elemen itu sendiri.
  • Untuk elemen blok (seperti

    ), gunakan:

    • margin: 0 auto;

Ini menetapkan jidar atas dan bawah kepada 0 dan jidar kiri dan kanan kepada auto saiz yang sama. Elemen akan dipusatkan secara automatik, memandangkan ia mempunyai lebar yang diketahui.

Pemusatan Mendatar untuk Elemen Sebaris

  • Tetapkan penjajaran teks: tengah; sebaliknya pada elemen induk.

Atas ialah kandungan terperinci Bagaimanakah Saya Mendatar Memusatkan Div dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn