=波波日志 > HTML/WML/CSS兼容/XML > Firefox及W3C浏览器table设置margin属性不居中=
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后就可以居中了。晕..
测试代码如下，设置margin:0px，align="center"不起作用
设置margin:0px auto,可以居中。margin:0px auto这种一般是设置块级元素居中的样式
有可能是设置了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后就可以居中了*/
/*===>*/
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="http://www.code-design.cn/logos/编程设计网.jpg" /><br >编程设计网
</td>
</tr>
</table>
<tr>
<td align="center">
<img border="0" alt="" src="http://www.code-design.cn/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="http://www.code-design.cn/logos/编程设计网.jpg" /><br >编程设计网
</td>
</tr>
</table>
<tr>
<td align="center">
<img border="0" alt="" src="http://www.code-design.cn/logos/编程设计网.jpg" /><br >编程设计网
</td>
</tr>
</table>
类别：HTML/WML/CSS兼容/XML 作者：波波 日期：2011-03-03 【评论：0】
相关文章
- ·IE浏览器和firefox/W3C浏览器获取class属性问题
- ·IE/Firefox/W3C浏览器代码触发事件
- ·Firefox/w3c浏览器如何操作XML文档
- ·label标签在IE，w3c浏览器firefox下的区别
- ·button,input type=button按钮在IE和w3c，firefox浏览器区别
- ·setSelectionRange()函数-只支持Firefox浏览器-设置文本框某段文字的光标选中
- ·IE浏览器table控件moveRow方法使用说明
- ·怎样设置默认浏览器
- ·ie和firefox下操作table对象的异同
- ·扩展Firefox下table控件的原型方法moveRow
- ·1.7.设置子节点属性
- ·诺顿破解及设置详解
暂时没有评论！
发表留言
