Django模板-2个HTML表需要它们匹配

我已经创建了下面的表，这些表根据不同的情况进行动态更改。列宽都是经过计算的，我已经将它们输出到单元格内以及宽度样式中。我以这种方式使用了两张桌子，因此它的行为就像顶部被锁定，底部移动一样。 我无法让这些桌子排成一行。我已经包括了一张带有百分比的图片和一张带有像素的图片。他们在百分比方面排得更好，但我仍然希望他们尽可能接近

---

我猜你的

边框

把你的计算搞乱了。顶行没有任何单元格，因此没有边框。例如，当您设置

1200px

时，您需要计算每个单元格的

宽度

包括边框。css的情况就不是这样了。因此，每个单元格都有一个例如

1px边框

，您将得到一个偏移量。因为在第二张表中也有两个没有边框的单元格，所以它会变得更加混乱

在第一个表格中，您现在可能拥有的是每一个

边框的
1200px
加
1px
，因为表格将自动适应单元格的
宽度。在第二个表中，它将比上表小一些，因为第一行有一些合并的单元格。
在第二个表格中，可能正好相反，第一行的顶部表格为100%，第二行没有足够的位置包含
border
，因此最后10%将不是真正的10%。在第二个表中，它会更好一些，但仍然有点短，因为合并了单元格

您可以暂时将
border
设置为
none
，看看这是否真的是问题所在

如果这是问题所在，您可以使用jQuery
outerWidth（）
来设置维度，而不是使用css
OuterWidth
设置宽度，包括
border
和padding，因此它将应用正确的
css
以获得正确的
宽度

看
我没有想到这一点，但我去掉了边框，它仍然不匹配。谢谢你的建议