Firefox及W3C浏览器table设置margin属性不居中

  在W3C浏览器下,如firefox或者google的chrome浏览器,如果给table设置了margin:0px属性,再设置align="center"时,发现会无法居中了。IE浏览器不会出现这个问题。⊙﹏⊙b汗

  有可能是设置了margin后,table变成块级元素了,而不是行级元素。因为设置成margin:0px auto后,去掉align="center",居然可以居中。

  发现这个问题还是因为同时加新闻时使用了表格定位图片,在google的chrome浏览器下设置了align="center",但是无法居中。检查样式表后发现设置一句设置margin属性,如下。去掉table后就可以居中了。晕..
+展开
-CSS
ul,form,table,li{margin:0px;}
/*===>*/
ul,form,li{margin:0px;}/*去掉table后就可以居中了*/


测试代码如下,设置margin:0px,align="center"不起作用
+展开
-HTML
<table border="1" align="center" style="margin:0px;" >
<tr>
<td align="center">
<img border="0" alt="" src="//logos/编程设计网.jpg" /><br >编程设计网
</td>
</tr>
</table>


设置margin:0px auto,可以居中。margin:0px auto这种一般是设置块级元素居中的样式
+展开
-HTML
<table border="1" style="margin:0px auto;" >
<tr>
<td align="center">
<img border="0" alt="" src="//logos/编程设计网.jpg" /><br >编程设计网
</td>
</tr>
</table>

加支付宝好友偷能量挖...


原创文章,转载请注明出处:Firefox及W3C浏览器table设置margin属性不居中

评论(0)Web开发网
阅读(113)喜欢(0)HTML/CSS兼容/XML