IE6/7/8/9中table元素align=center权重比margin:0大的实例说明

(编辑:jimmy 日期: 2024/11/11 浏览:2)

重现很简单,如下

提示:您可以先修改部分代码再运行

以上css代码清空了所有元素的默认margin,这个样式规则几乎所有网站的reset.css中都会有。
table元素添加了align=center。

各浏览器下表现如下
1,IE6/7/8/9中table居中

IE6/7/8/9中table元素align=center权重比margin:0大的实例说明


2,Firefox/Chrome/Safari/Opera中table没有居中(居左)

IE6/7/8/9中table元素align=center权重比margin:0大的实例说明


这个错误很容易发生,关键是清空margin:0,这个规则多数写在reset.css中,而又想让table使用align属性居中,但这仅在IE浏览器中达到预期效果。