Tentang masalah CSS yang mengontrol pemusatan horizontal DIV

Penulis：Eve Cole Waktu Pembaruan：2009-05-31 01:02:34

Mengenai masalah CSS yang mengontrol pemusatan horizontal DIV, saya melihat banyak pendatang baru yang bingung. Saya ingat pertama kali saya membaca CSS adalah sebuah buku yang ditulis oleh orang asing, dan membahas tentang penggunaan centering.

margin-kiri:otomatis;
margin-kanan:otomatis;

Faktanya, ini setara dengan:

margin:0 otomatis;

Jadi Anda dapat menggunakan metode ini, tetapi beberapa orang menemukan bahwa metode ini tidak terpusat saat menggunakan IE. Disarankan agar Anda memeriksa apakah Anda melewatkan deklarasi DTD.

<!DOCTYPE html PUBLIK “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

Banyak orang melakukan kesalahan serupa! Cara ini juga bisa dikatakan sudah dicoba dan diuji, namun masih belum berhasil dalam beberapa kasus. Jadi ada metode kedua.

margin-kiri:50%;
kiri: -lebar/2;

Lebar di sini bukanlah Lebar di CSS, tetapi lebar DIV Anda. Misalnya, jika lebar div Anda 768px, maka Anda harus menyetel ke kiri:-384px. Bagus sekali, sudah ada dua cara yang bisa dikatakan telah menyelesaikan masalah yang mungkin Anda temui.

Terkadang Anda akan menyadari bahwa kedua hal ini tidak cukup. Tidak kompatibel dengan beberapa browser. Jadi saya menemukan metode ketiga, yang terutama mempertimbangkan IE, dan didasarkan pada metode pertama. Itu membutuhkan pengaturan tubuh.

isi {text-align: center;}

Dengan cara ini, ini juga dipusatkan di bawah IE, tetapi ini membawa masalah baru. Anda menemukan bahwa semua teks di halaman Anda berada di tengah, yang tidak terlihat bagus. Ini mudah untuk diselesaikan, cukup tambahkan text-align: left; dan pengaturan penyesuaian lainnya ke definisi DIV Anda.

Teks di atas hanyalah referensi dan sketsa setelah makan malam. Setiap orang dapat memperhatikannya dalam pekerjaan sebenarnya!