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

Answer 2

嗯，这完全取决于您的表嵌套的方式/位置，您需要将内容置于父容器中心或将页面主体居中，或者将position:absolute;添加到表css中。

css表中心在Firefox中不起作用

2 个答案:

CSS

HTML