Rumah >hujung hadapan web >tutorial css >Mengapa Elemen Pusat `margin: 0 auto;` dalam Mod Standard Internet Explorer 8?
Mengapa Elemen Pusat `margin: 0 auto;` dalam Mod Standard Internet Explorer 8?
- Barbara Streisandasal
- 2024-11-30 10:42:11368semak imbas
Memahami "margin: 0 auto;" Isu dalam Internet Explorer 8
Dalam bidang pembangunan web, mencapai pemusatan mendatar merupakan cabaran yang berterusan. "margin: 0 auto;" teknik telah lama menjadi penyelesaian yang boleh dipercayai, tetapi keberkesanannya dalam Internet Explorer 8 (IE8) telah menimbulkan persoalan.
Gelagat Tidak Dijangka dalam Standard IE8
Apabila menggunakan "margin: 0 auto;" kepada elemen peringkat blok, mod standard IE8 berkelakuan tidak konsisten. Dalam contoh yang diberikan, butang serah gagal ditengah, tidak seperti dalam penyemak imbas lain seperti mod keserasian Firefox 3, Opera, Safari, Chrome, IE7 dan IE8.
Misteri dan Tingkah Laku Tidak Tertakrif
Percanggahan ini telah mencetuskan perdebatan tentang kelakuan penyemak imbas yang betul. Menurut beberapa perspektif, semua penyemak imbas mengendalikan situasi dengan tidak betul. Walau bagaimanapun, yang lain berpendapat bahawa lebar butang harus 100% dalam kes ini.
Menyelesaikan Isu dengan DOCTYPE
Nasib baik, penyelesaiannya semudah menambah yang berikut baris ke permulaan dokumen HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Pengisytiharan ini mentakrifkan jenis dokumen dan memastikan bahawa IE8 memaparkan elemen seperti yang diharapkan, dan "margin: 0 auto;" memusatkan butang seperti yang dikehendaki.
Atas ialah kandungan terperinci Mengapa Elemen Pusat `margin: 0 auto;` dalam Mod Standard Internet Explorer 8?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!