Bagaimana untuk Memusatkan Div Secara Mendatar dalam CSS?

Cara Memusatkan div dalam CSS

Percubaan untuk memusatkan div secara mendatar menggunakan "text-align: center;" mungkin terbukti tidak berjaya. Ini kerana "text-align: center;" hanya memusatkan kandungan sebaris div, bukan div itu sendiri.

Untuk elemen blok seperti div, gunakan "margin: 0 auto;" untuk memusatkannya secara automatik. Jika berurusan dengan elemen sebaris, tetapkan "text-align: center;" sebaliknya pada elemen induknya.

"margin: 0 auto;" memastikan bahawa jidar atas dan bawah ditetapkan kepada 0, manakala jidar kiri dan kanan ditetapkan kepada "auto" (saiz yang sama), dengan itu memusatkan elemen. Ambil perhatian bahawa teknik ini memerlukan elemen blok mempunyai lebar yang ditentukan (tetap atau relatif).

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