0

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

4

4 回答 4

1

IE6 解决方法

要做的事情是让 text-align: center on a parent div eg body，这样你的内容 div 在 IE6 中居中。

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

CSS

body {
    text-align: center;
}

#content {
    width: 500px;
    margin-left:auto;
    margin-right:auto;
}
于 2009-06-24T15:35:59.633 回答
0

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
于 2009-04-11T20:49:33.007 回答
0

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

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

这样，您将拥有居中的内容。

于 2009-04-11T20:51:52.423 回答
0

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

于 2009-04-11T20:55:53.630 回答