在html中对齐两个表的列

我知道这已经被问了好几次了，但没有一个答案针对它背后的理论问题，也没有一个对我有用（如果这是可以解决的，我不确定）

我有两张桌子。是的，它们必须是表，不，我不能合并它们。其中一个具有另一个的多列值（请参见示例代码）。正因为如此，两列的公共分隔符从未在镀铬中对齐。我提到chrome是因为它可以在firefox上运行，但必须在chrome上运行

将单元格的

填充重新定义为0，分为
thead
和
tbody
。。。不起作用。当然，如果在两个表中放置相同数量的列，它就会起作用。任何建设性的评论都非常感谢，因为我有点绝望。谢谢


问题在于
表的设计方式

两个表都设置为
590px
，因此理想情况下，它们应该占用相同的空间

但是，您没有考虑
单元格间距
和
单元格填充

为了使这两个表完全对齐，您需要设置每个
td
的
width
，并考虑
cellspacing

如果正确划分第一个表，则每个td将达到
73.75px
，第二个达到
18.4375

但是，由于列数较多，第二个表具有更多的
单元格间距

如果您计算正确并考虑了
单元格间距
，应该可以解决您的问题

希望这能解决你的问题。
解决了这个问题，尽管我并不完全满意。
1.固定两个表的tds宽度
2.玩弄表格的总宽度，直到它很好地匹配。
您是否尝试过
边框折叠：折叠在桌子上？你能举一个你想要达到的目标的例子吗？虽然我不完全满意，但问题已经解决了。固定两个表的tds宽度，然后调整表的总宽度，直到它很好地匹配为止。