html - css 表格中心在 Firefox 中不工作

Question

我使用以下方法将表格居中:

table{
margin-left: auto;
margin-right: auto;
}

它在 Google Chrome 上运行良好，但在 Firefox 上运行不佳，有什么想法吗？我应该将表格包装在 Div 中并为其使用特定的 ID 吗？

P.S 我没有在上面使用 -webkit-。如果我使用 -webkit-，我确保还添加 -moz-

JSFiddle

这是一个链接供大家检查: you can see for yourself

Answer 1

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

到:

<nav class="clearfix">
    <ul id="nav" class="clearfix">