网页制作 
首页 > 网页制作 > 浏览文章

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

(编辑:jimmy 日期: 2025/5/1 浏览:3 次 )
重现很简单,如下

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

以上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浏览器中达到预期效果。

上一篇:IE6/7中使用setAttribute设置table的cellpadding和cellspacing的Bug
下一篇:一个关于CSS Z-index 的东东,解决了我很多疑问
一句话新闻
高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。