Rumah > Artikel > hujung hadapan web > Mengapa Elemen Tengah dalam Mod Standard IE8 tidak \'margin: 0 auto;\' dan Bagaimana Saya Boleh Membetulkannya?
Mengapa Elemen Tengah dalam Mod Standard IE8 tidak \'margin: 0 auto;\' dan Bagaimana Saya Boleh Membetulkannya?
- Linda Hamiltonasal
- 2024-11-26 05:29:09690semak imbas
Pengisytiharan Jenis Dokumen HTML dan Gelagat "margin: 0 auto;" dalam Internet Explorer 8
Semasa anda menguji tapak web anda dalam Internet Explorer 8, anda mungkin menghadapi isu di mana "margin: 0 auto;" harta tidak memusatkan elemen anda seperti yang diharapkan. Ini amat ketara dalam kes kod HTML berikut:
<div>
Walaupun kod ini memusatkan butang dengan betul dalam kebanyakan penyemak imbas, termasuk mod keserasian Firefox 3, Opera, Safari, Chrome, IE7 dan IE8, ia gagal berbuat demikian dalam mod standard IE8.
Untuk memahami tingkah laku ini, adalah penting untuk memahami peranan jenis dokumen HTML pengisytiharan. Menambah pengisytiharan jenis dokumen, seperti:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
pada permulaan dokumen anda boleh menangani isu dan memusatkan butang dengan betul dalam mod standard IE8. Ini kerana pengisytiharan jenis dokumen menentukan versi HTML yang digunakan, membolehkan penyemak imbas mentafsir kod mengikut piawaian yang betul.
Apabila ia berkaitan dengan tingkah laku "margin: 0 auto;" secara umum, penyemak imbas mengendalikannya secara berbeza berdasarkan sifat "paparan" elemen. Berikut ialah pecahan:
-
Jika "paparan: sekat" ditetapkan:
Elemen akan mempunyai lebar yang tidak ditakrifkan secara eksplisit, menjadikan "margin: 0 auto ;" harta memusatkan elemen secara mendatar dalam bekas induknya. -
Jika "paparan: sebaris" ditetapkan:
Elemen tidak akan mempunyai lebar tahap blok dan "margin: 0 auto;" harta tidak akan memberi kesan.
Atas ialah kandungan terperinci Mengapa Elemen Tengah dalam Mod Standard IE8 tidak \'margin: 0 auto;\' dan Bagaimana Saya Boleh Membetulkannya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!