IE8 標準モードで「margin: 0 auto;」が入力要素を中央に配置しないのはなぜですか?

IE8「margin: 0 auto;」との不一致入力要素

要素の中央揃えに広く使用されているにもかかわらず、「margin: 0 auto;」プロパティは IE8 で一貫性のない動作を示しているようです。最近の報告では、ブロック要素で囲まれた入力要素が IE8 の標準モードで中央に配置されませんでした。

問題の HTML コードは次のとおりです。

<div>
<p><strong>ブラウザ互換性</strong></p>
<p>IE8 標準モードで要素が不適切にセンタリングされる問題は、以下を含む多数のブラウザで観察されます:</p>
<ul>
<li>Firefox 3</li>
<li>Opera</li>
<li>Safari</li>
<li>Chrome</li>
<li>IE7 互換モード</li>
</ul>
<p>ただし、IE8 標準には存在しませんmode.</p>
<p><strong>根本的な問題</strong></p>
<p>この動作の背後にある原因は、入力要素が本質的にブロック レベルの要素ではないという事実です。 「display: block」が入力に適用されると、それが効果的にブロックレベルの要素に変換され、「margin: 0 auto;」が行われます。 </p>
<p><strong>解決策</strong></p>
<p>この問題を解決するには、開発者は入力要素の幅を明示的に設定するか、入力要素をブロックレベルの要素内に含めて「 text-align: center" をコンテナに配置します。</p>
<p><strong>仕様参照</strong></p>
<p>CSS 2.1 仕様によると:</p>
<ul>
<li>非ブロックレベル要素の「display: block」は明示的な幅を指定しません。</li>
<li>「マージン: 0 自動;」ブロックレベルの要素では、親要素内で水平方向に中央に配置されます。</li>
</ul>
<p>したがって、「margin: 0 auto;」で入力要素を中央に配置しないブラウザの動作は、仕様によれば、これは正しくありません。</p>
<p><strong>注:</strong> DOCTYPE 宣言を追加すると、場合によっては問題が解決されることがあります。次の使用を検討してください:</p>
<pre class="brush:php;toolbar:false">