使用Google组织结构图时,为什么Chrome会显示额外的行？

Question

我正在使用Google组织结构图,除了Chrome之外,它在每个浏览器上运行良好.在Chrome上,我在这些框之间看到这些额外的行,如下所示:

对于所有其他浏览器,同一页面显示如下:

如您所见,节点之间没有蓝线.当我查看firebug或chrome dev工具时,它看起来是:

.google-visualization-orgchart-node

border: 2px solid #b5d9ea;

这导致了这个问题,因为如果我将边框更改为0px,那么问题就会消失(但实际节点上的边界也会消失,这显然是一个问题.

有关如何在Chrome中正确呈现此内容的任何建议.我没有在上面的演示链接中看到这个问题.

Answer 1

在我的情况下,它是Bootstrap 3

border-collapse: collapse;

这就是原因.用设置修正了它

table.google-visualization-orgchart-table {
    border-collapse: separate;
}

Answer 2

.google-visualization-orgchart-linenode {
    border: 0;
}