删除 Chrome 上表格行之间的额外空间答案

【问题标题】：Remove the extra space between table rows on Chrome删除 Chrome 上表格行之间的额外空间
【发布时间】：2013-01-09 16:22:23
【问题描述】：

我有一个 HTML 表格

<table style="border-collapse:collapse;">

它在 IE 和 Firefox 中看起来不错，但在 Chrome 上它在行之间增加了额外的空间。我无法摆脱这些空间。我试过 cellpadding=0 和 cellspacing=0 但这会删除所有我不想要的空格。在 Chrome 中，表格现在扩展了最大高度，这很糟糕。

好的，这就是例子，左边是 Chrome，右边是 Firefox。一样的代码，正则表，为什么Chrome增加了这么多空间，如何避免？

【问题讨论】：

我有最新版本（版本 24.0.1312.56 m），它对我有用。我敢打赌还有其他原因会导致这个问题。看看：css4you.de/example/border-collapse.html
问题与网站上描述的不一样。行之间有一个空格，这很好，但在 Chrome 中，空格是两倍大 (???)
您的意思是该站点返回两个不同的结果，例如。 ff 和铬？可能是默认字体有问题？
大约增加了多少像素？

【解决方案1】：

看到你的图片后，我发现它可能不是 TABLE 它是 SELECT

另外，plain 有plain，没有重置到您的.css .. 当然，它看起来会因每个浏览器而异。

提供html和css，请创建一个jsfiddle。

【讨论】：

是的，我知道每个浏览器都会有所不同，但即使删除所有空格，Chrome 表中仍有空格。
那么，这是特定于浏览器的样式，没有别的，也不是错误。
你不必大喊大叫，我已经做了 15 年的软件开发人员，我什至使用过 Netscape Navigator 1 哈哈。既然知道 Chrome 团队会弄乱许多页面的布局，为什么还要在元素之间添加大量虚拟空间。我的问题是，这怎么能被覆盖？但显然它不能......