为什么'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 自动；”属性不会产生任何影响。