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">