建站学 - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

当前位置: 建站学 > 网页设计 > css教程 >

table元素align=center与margin:0谁最大

时间:2011-04-06 10:02来源: 作者: 点击:
重现很简单,如下 01 02 03 &l

本文我们将在IE和其他浏览器里进行效果重现,大家可以清楚的看到不同浏览器里的显示效果。

01 <!DOCTYPE html> 

02 <html> 

03 <head> 

04 <style> 

05     * {margin:0;} 

06 </style> 

07 </head> 

08 <body style="padding:50px;"> 

09     <div style="border:1px solid gold;width:400px;padding:10px 0;"> 

10     <table width="100" bgcolor="red" align="center"> 

11         <tr><td>jzxue</td><td>.com</td></tr> 

12     </table> 

13     </div> 

14 </body> 

15 </html>

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

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

 

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

 

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

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片