html - 居中的表格和边距不起作用？

Question

我注意到我写的这个论坛在大多数浏览器中都很好，尽管在 IE8 中它位于左侧而不是居中。

它的 CSS 是margin: auto auto，适用于大多数浏览器。

我不想采用老式的方法并将 align="center" 放在实际的表属性中。

谁能解释一下？

score 3 · Accepted Answer

你有（或者更确切地说，当我开始写这个答案时，你有）没有 Doctype，所以 IE 假设该站点使用的是 IE 5 时代的布局技术并部分模拟了该浏览器。

添加 Doctype 以触发标准模式。

HTML 5 Doctype 看起来最适合您的站点：

<!DOCTYPE HTML>

score 2 · Accepted Answer

要解决居中问题，您需要指定一个文档类型，如下所示：

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

要解决您的间距问题，您需要查看盒子模型。如果没有 doctype，您的网站使用的是旧盒子模型，即：

width = width + border + padding

and

height = height + border + padding

您现在需要像这样修改：

width = width - (border + padding)
height = height - (border + padding)

希望这是有道理的。您应该使用上面的内容来调整页面上任何元素的宽度/高度，例如 DIVs TDs 等。

score 0 · Accepted Answer

尝试为表格提供以下样式：

table{
   position:relative;
   left:-50%;
   margin-left:450px;
}

那是中心吗？

3 回答 3