IE6 居中内容错误答案

【问题标题】：IE6 Centered Content BugIE6 居中内容错误
【发布时间】：2010-10-18 22:50:23
【问题描述】：

我在 div 中有一些居中的内容。它在 Firefox/Chrome 中显示良好。在 IE6 中，内容从 div 扩展到整个浏览器窗口。知道是什么原因造成的吗？

【问题讨论】：

【解决方案1】：

IE6 解决方法

要做的事情是让 text-align: center 在父 div 上，例如body，以便您的内容 div 以 IE6 为中心。

然后在内容块上使用 margin: auto 以确保 div 在更好的浏览器中居中。

body {
    text-align: center;
}

#content {
    width: 500px;
    margin-left:auto;
    margin-right:auto;
}

【讨论】：

【解决方案2】：

确保页面顶部有 doctype 定义。否则，IE6 会以 quirks 模式打开页面，这会搞砸各种东西......

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

【讨论】：

【解决方案3】：

标签已弃用。你应该这样做：

<div style="text-align:center; margin: 0 auto; width: 400px;">
</div>

这样您将获得居中的内容。

【讨论】：

【解决方案4】：

我已经定义了文档类型，并使用 CSS 使内容居中。

【讨论】：