1

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

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

它在谷歌浏览器上运行良好，但在 Firefox 上根本不行，有什么想法吗？我应该将表格包装在一个 Div 中并为其使用特定的 ID 吗？

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

JSFiddle

这是一个链接供大家检查： 您可以自己查看

4

2 回答 2

0

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">
于 2012-08-11T20:19:52.493 回答
0

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

于 2012-08-11T20:24:50.917 回答