3

最新的 Firefox 无法正确呈现以下 HTML。IE 和 Chrome 都可以，但 Firefox 在表格单元格内显示白色垂直线。

可以在此处找到使用 Firefox 21 呈现的示例：

http://tinypic.com/r/2w2qvb6/5

火狐

这是 Firefox 中的错误还是我遗漏了什么？

HTML：

<table>
    <tbody>
        <tr>
            <td>
                <div></div>
            </td>
        </tr>
    </tbody>
</table>

CSS：

table{
    border: 2px solid red;
    border-collapse: collapse;
}

td{
    border: 2px solid red;
    padding: 0px;
}

div{
    background:blue;
    height: 100px;
    width: 100px;
}

移除border-collapse: collapse;会移除垂直的白线。但我真的很想折叠表格边框。

JSfiddle：http: //jsfiddle.net/FeuBx/

更新：问题仅在浏览器缩放级别为 100% (Ctrl + 0) 时出现。

4

1 回答 1

0

如果您在页面顶部设置 HTML5 DOCTYPE，您的代码将按原样运行，如下所示：

<!DOCTYPE html>

<html>

<head>
<title>Test</title>
<style type="text/css">
table{
    border: 2px solid red;
    border-collapse: collapse;
}

td{
    border: 2px solid red;
    padding: 0px;
}

div{
    background:blue;
    height: 100px;
    width: 100px;
}
</style>
</head>

<body>

<table>
    <tbody>
        <tr>
            <td>
                <div></div>
            </td>
        </tr>
    </tbody>
</table>

</body>

</html>
于 2013-06-13T17:07:12.950 回答