table元素align=center与margin:0谁最大
网络整理 - 07-27
本文我们将在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>Cuoxin</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居中
这个错误很容易发生，关键是清空margin:0，这个规则多数写在reset.css中，而又想让table使用align属性居中，但这仅在IE浏览器中达到预期想过。