Mengapa \'margin: 0 auto;\' Pusat Elemen Input dalam Mod Standard IE8?

Percanggahan IE8 dengan "margin: 0 auto;" untuk Elemen Input

Walaupun penggunaannya meluas untuk pemusatan elemen, "margin: 0 auto;" harta seolah-olah menunjukkan tingkah laku yang tidak konsisten dalam IE8. Dalam 测试 baru-baru ini, elemen input yang disertakan dalam elemen blok gagal memusatkan dirinya dalam mod standard IE8.

Kod HTML yang dimaksudkan adalah seperti berikut:

<div>
<p><strong>Pelayar Keserasian</strong></p>
<p>Isu pemusatan elemen yang tidak betul dalam mod standard IE8 telah diperhatikan dalam pelbagai pelayar, termasuk:</p>
<ul>
<li>Firefox 3</li>
<li>Opera</li>
<li>Safari</li>
<li>Chrome</li>
<li>mod keserasian IE7</li>
</ul>
<p>Walau bagaimanapun, ia tidak terdapat dalam IE8 mod standard.</p>
<p><strong>Isu Asas</strong></p>
<p>Penyebab di sebalik gelagat ini ialah hakikat bahawa elemen input bukan elemen peringkat blok secara semulajadi. Apabila "paparan: blok" digunakan pada input, ia secara berkesan mengubahnya menjadi elemen peringkat blok, menjadikan "margin: 0 auto;" hartanah berkenaan.</p>
<p><strong>Penyelesaian</strong></p>
<p>Untuk menyelesaikan isu ini, pembangun boleh sama ada secara eksplisit menetapkan lebar untuk elemen input atau mengandunginya dalam elemen peringkat blok dan menggunakan " text-align: center" ke bekas.</p>
<p><strong>Spesifikasi Rujukan</strong></p>
<p>Mengikut spesifikasi CSS 2.1:</p>
<ul>
<li>"paparan: blok" pada elemen bukan peringkat blok tidak menyatakan lebar yang jelas.</li>
<li>"margin: 0 auto;" pada elemen peringkat blok memusatkannya secara mendatar dalam elemen induknya.</li>
</ul>
<p>Oleh itu, gelagat penyemak imbas yang tidak memusatkan elemen input dengan "margin: 0 auto;" adalah tidak betul mengikut spesifikasi.</p>
<p><strong>Nota:</strong> Menambah pengisytiharan DOCTYPE boleh menyelesaikan isu dalam beberapa kes. Pertimbangkan untuk menggunakan yang berikut:</p>
<pre class="brush:php;toolbar:false">