Html css表格中心在Firefox中不工作
我使用以下方法将表格居中:Html css表格中心在Firefox中不工作,html,css,firefox,Html,Css,Firefox,我使用以下方法将表格居中: table{ margin-left: auto; margin-right: auto; } 它在Google Chrome上运行得很好,但在Firefox上根本不起作用,有什么想法吗? 我是否应该将该表包装在一个Div中并为其使用特定的ID 另外,我没有在上面使用webkit。如果我使用-webkit-,我确保也添加了-moz- 这里有一个供大家查看的链接: CSS 将此添加到CSS文件: header { float:none!important
table{
margin-left: auto;
margin-right: auto;
}
它在Google Chrome上运行得很好,但在Firefox上根本不起作用,有什么想法吗?
我是否应该将该表包装在一个Div中并为其使用特定的ID
另外,我没有在上面使用webkit。如果我使用-webkit-,我确保也添加了-moz-
这里有一个供大家查看的链接:
CSS
将此添加到CSS文件:
header
{
float:none!important
/* or remove float:right; in your current CSS file */
}
#nav
{
background:none;
float:right
}
#tb
{
margin:0 auto;
width:1080px;
border-spacing:0;
border:0;
border-collapse:collapse
}
.clearfix:after
{
clear:both;
content:'.';
display:block;
font-size:0;
height:0;
line-height:0;
visibility:hidden
}
.clearfix
{
display:block;
zoom:1
}
HTML
在HTML代码更改中:
<nav>
<ul id="nav">
致:
好吧,这完全取决于表的嵌套方式/位置,您需要将父容器中的内容居中,或者将页面正文居中,或者添加位置:绝对代码>到css表。请在此处发布代码,如果可能,请在jsFiddle.net上发布一个示例。什么是“不工作”?你能说得更具体一点吗?我只能说,在Chromium 18、Firefox14和Opera 12上。我添加了一个链接,你可以看到。在Firefox 14.0.1中看起来不错。嗯。。我缺少Tbody标签,这可能是问题所在吗?它是用ID包装的,我是否也应该添加div,我认为Firefox可以很好地处理html5。你能进一步解释一下你是如何发现问题的吗?对于以后类似的错误。老实说,我只是从源代码中删除了不同的部分,当我删除标题时,一切都很正常。:)然后我看了看你的CSS代码,然后继续往下看。顺便说一句,问题出在你的浮动上。当您使用float
时,只需将
包裹在这些元素周围,就可以了;破坏了镀铬显示屏-/
<nav class="clearfix">
<ul id="nav" class="clearfix">