影响单元格大小的表格边框

Question

有谁能告诉我为什么当我将border=1放在桌子上时是否修复了它的布局？

这就是问题所在：我写了一些使我成为组织结构图的JavaScript。如果我在制作图表的表格周围放置边框，则所有内容都完美排列。如果我删除边框，则某些线条的宽度变化很大（并且看似随机）。您会在连接组织结构图的红线中注意到这一点。

这是用于“边框”的内联属性（如<table border="1">）。

这里有两个演示：

国界（好，看起来都是排着队）：http://andrewvantran.com/table1.html

没有国界的（坏，所有的错位）：http://andrewvantran.com/table2.html

我想已经览走出它与边界的方式，但我不想要边界！除非我保留边界（我不想要），否则我无法模拟带有边框的表格的布局。有任何想法吗？

Answer 1

您是否将表格设置为border-collapse:collapse;？本质上，默认折叠是separate，其中单元格具有自己的边框。如果您将它设置为折叠，它们会合并，并且“看起来不错”

Answer 2

尝试将border-collapse: collapse;添加到样式表中。这似乎解决了你的情况。

除此之外，我建议你至少使用单元格的宽度。不同的浏览器处理单元绘制的方式不同如果指定宽度，则可以更确定单元格是否正确对齐。在测试图形时，使用Firebug等检查器工具来确定每个单元格的位置。这会帮助你很多。