Bagaimana Saya Mendatar Memusatkan `` dalam CSS?

Cara Mendatar Memusatkan

dalam CSS

Memusatkan

secara mendatar ialah tugas biasa dalam CSS. Walaupun sifat penjajaran teks boleh digunakan untuk memusatkan kandungan

, ia tidak menjejaskan kedudukan elemen.

Pendekatan Salah:

Tetapan 'text-align: center;' pada

hanya akan memusatkan teks dalam elemen, bukan memindahkan elemen itu sendiri ke tengah kawasan yang mengandunginya.

Pendekatan Betul:

Untuk memusatkan elemen peringkat blok seperti

, dua pendekatan boleh digunakan:

1. Menggunakan 'margin: 0 auto;' dengan Lebar Tetap atau Relatif:

   • Kaedah ini menetapkan jidar atas dan bawah kepada 0 dan menetapkan jidar kiri dan kanan kepada 'auto'.
   • 'Auto' memberitahu penyemak imbas untuk menetapkan jidar secara simetri untuk memastikan elemen itu berpusat secara automatik.
   • Perhatikan bahawa ini hanya berfungsi jika elemen mempunyai lebar yang diketahui.

2. Memusatkan dalam Elemen Induk:

   • Jika elemen itu sebaris (mis., span), tetapkan 'text-align: center;' pada induknya.
   • Ini memastikan semua elemen sebaris dalam induk berpusat secara mendatar.

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