gpt4 book ai didi

html - 带有边框折叠的 Firefox 中的表呈现问题 :collapse

转载 作者:太空宇宙 更新时间:2023-11-04 13:21:16 27 4
gpt4 key购买 nike

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

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

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

Firefox

这是 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) 时出现。

最佳答案

如果您在页面顶部设置 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>

关于html - 带有边框折叠的 Firefox 中的表呈现问题 :collapse,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17077213/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com