Question

我正在开发一个仅限IE的网站并使其跨浏览器。在IE，Chrome和Safari中，一切都很好看。但Firefox并不高兴。

我有一个名为“datatable”的表类，顾名思义就是数据表。我试图让它延伸到它所包含的div的宽度的100％。上面的div是100％。当我使用萤火虫检查它时，桌子伸展到100％。但是，Firefox生成的tbody并没有达到100％。因此，表中的行与tbody一样小。所以我不知道如何解决这个问题。我试过了 tbody{width:100%;}它没有做任何事。

任何想法我都会非常感激。

Answer 1

好的，我刚刚回答了我的问题......在CSS中有一个像这样的通用css ......

table
{
    border:0px solid #000000;
    padding:0 0 0 0;
    border-collapse:collapse;
    border-spacing:0;
    display:block;
}

我删除了display：block，现在一切都运行得很好......我在table.datatable定义中查找过，但确实想在文件中寻找一个通用的...

Answer 2

这可能很愚蠢，但要确保你正确选择了正确的

#datatable tbody{width:100%}

Answer 3

我有同样的问题，最终通过设置标题单元格的宽度属性来解决它（我认为这是firefox查看以确定tbody宽度的内容）。

table.table_class th {width：115px; }

如果像我一样，你不想搞乱通用的CSS，那么这是一个选择。

Answer 4

检查您是否font-size设置为小于100%的内容。

Answer 5

如果某些浏览器在display:block中需要<table>，那么......

table {
    // Something..
    display: block;
}
body:not(:-moz-handler-blocked) table {
    display: table;
}

示例案例电子邮件中的HTML

如果您仍然需要在Firefox上预览

，那就太多了

Firefox表css生成tbody查杀表宽度

5 个答案: