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


本文我们将在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浏览器中达到预期想过


« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3