4

我最近做了一个网站，但我在使用 Internet Explorer 时遇到了一个非常大的问题。CSS 似乎在 IE 中做了一些奇怪的事情。这里不是复制数百行 CSS 而是指向网站页面的链接：http: //www.appwheal.com/app/ios/angry-birds-space 所有内容都应显示在屏幕中间. 取而代之的是 IE 它被卡在左边。

我在用着

margin-left: auto;

margin-right: auto;

这是IE支持的，对吧。

请提前帮助和感谢。

4

4 回答 4

12

您需要声明一个DOCTYPE，或 Internet Explorer 默认为 Quirks 模式（IE5 兼容）。进入 Internet Explorer，按 F12 以调出开发者工具，并注意它在文档模式下显示“怪癖”模式。Quirks 不支持任何已知的 div 居中方法，并且声明DOCTYPE是修复它的最简单（也是推荐）的方法。

要将页面设置为 XHTML 1.0 过渡（最常见），请使用

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

要声明页面与 HTML5 兼容，请使用

<!DOCTYPE html>

该DOCTYPE行必须是 html 文件中的第一行，出现在开始<html>标记之前。

于 2012-05-15T19:23:24.883 回答
1

您还必须设置

body {
    text-align: center;
}

#yourDiv {
    margin: 0 auto;
    text-align: left;
}
于 2012-05-15T19:20:58.630 回答
1

设置边距和宽度：

#yourDiv {
  margin: 0 auto;
  width: 300px;
}
于 2013-02-21T06:49:06.410 回答
0

你可以使用老派的 text-align:center 并尝试 top:50%; 左：50%；并偏移合适的负像素

于 2012-05-15T19:22:57.737 回答