為什麼「margin: 0 auto;」在 IE8 標準模式下不居中元素，如何修復？

HTML 文件類型聲明和「margin: 0 auto;」的行為在Internet Explorer 8 中

當您在Internet Explorer 8 中測試您的網站時，您可能會遇到「margin: 0 auto;」的問題屬性沒有如預期居中您的元素。這在以下HTML 程式碼的情況下尤其明顯：

<div>
<p>雖然此程式碼在大多數瀏覽器中正確地將按鈕居中，包括Firefox 3、Opera、Safari、Chrome、IE7 和IE8 相容模式，在IE8 標準模式下它無法做到這一點。 </p>
<p>要瞭解此行為，必須了解 HTML 文件類型聲明的作用。在文件開頭新增文件類型聲明，例如：</p>
<pre class="brush:php;toolbar:false"><p>可以解決該問題，並在 IE8 標準模式下將按鈕正確居中。這是因為文件類型聲明指定了所使用的 HTML 版本，使瀏覽器能夠根據正確的標準解釋程式碼。 </p><p>當涉及到「margin: 0 auto;」的行為時一般來說，瀏覽器根據元素的「display」屬性以不同的方式處理它。以下是細分：</p>

• 如果設定了「display: block」：
  元素將具有未明確定義的寬度，從而使「margin: 0 auto」 ; 」屬性使元素在其父容器內水平居中。
• 如果設定了「display: inline」：
  該元素將沒有區塊級寬度，且「margin: 0 自動；」屬性不會產生任何影響。