html - 无法在 chrome 中设置表页脚元素的高度

Question

我有一个插件，它通过 display:table-row 向表格添加一个元素，就像页脚一样。

在该页脚内有更多元素，其作用类似于表格单元格。这个想法是这个页脚应该有 0 高度(它用于由插件计算列宽)。

问题是它在 chrome (osx) 中的高度为 2px，我不知道要覆盖什么样式才能使它的高度为 0。

目前它的样式是:display:table-footer-group;border-spacing:0;height:0;border-collapse:collapse;

这是显示此行为的页面:

http://mkoryak.github.io/floatThead/tests/issue-127/在该页面上，如果您单击“float thead (abs=on)”，您将看到按钮略微向下移动(2px)。

之后，您可以通过在控制台中运行以下代码找到有问题的元素:

$("fthfoot")
$("fthfoot").height()

---

我可以把它放在 jsfiddle 上，如果这将有助于这个问题保持开放 - 但该网站也不会很快去任何地方。

Answer 1

由于表格的默认边框间距，该元素的高度为 2px(Chrome 似乎为 2px)。

这行简单的 css 可以修复它:

table.sometable{border-spacing:0}

显然这也会改变其他单元格的尺寸。