Html Chrome使用一个像素宽度而不是零像素来渲染表TD
在向Chrome提交Bug之前,我想知道我是否遗漏了一些东西:Html Chrome使用一个像素宽度而不是零像素来渲染表TD,html,css,google-chrome,Html,Css,Google Chrome,在向Chrome提交Bug之前,我想知道我是否遗漏了一些东西: <html> <head> <style> table{ border-spacing: 0; } table td { padding: 0; margin: 0; } </style> </head> <body> <table> <tr> <td>&
<html>
<head>
<style>
table{
border-spacing: 0;
}
table td {
padding: 0;
margin: 0;
}
</style>
</head>
<body>
<table>
<tr>
<td><div></div></td>
<td>
<span>Test</span>
</td>
<td><div></div></td>
</tr>
</table>
</body>
</html>
桌子{
边界间距:0;
}
表td{
填充:0;
保证金:0;
}
测验
这是一张超级简单的桌子。Chrome以1像素宽度渲染第一个和最后一个TD,IMHO应为0像素。FF和IE都渲染0像素。如果从第一个TD中删除DIV,则最后一个TD渲染为2像素。如果从最后一个TD中删除DIV,则第一个TD将保持为1像素
我怎么想的不对?我看不出我的Chrome有什么问题。另外,您可以尝试
边框折叠:折叠对于该表,这可能会使其更加一致。当然不是在我的Chrome(36.0.1985.143)中,在Mac和Windows上,TD(以及各自的内部div)以1x宽度渲染(请检查Chrome Inspector)。你确定在那里看到0像素吗?