我创建了以下表格，这些表格会根据不同的事物动态更改。列宽都是计算出来的，我已经将它们输出到单元格内以及宽度样式中。我以这种方式使用了 2 个表，因此它的行为就像顶部被锁定而底部移动一样。 我无法让这些表排队。我已经包含了一张带有百分比的图片和一张带有像素的图片。他们按百分比排列得更好，但我仍然希望他们尽可能接近排列。
最佳答案
我的猜测是您的边框 打乱了您的计算。顶行没有任何单元格，因此没有边框。因此，当您设置 1200px 时，您需要计算每个单元格的 width 包括边框。 css 不会是这种情况。所以每个单元格都有例如 1px 边框，你最终会得到一个偏移量。而且由于您在第二张表中也有几个没有边框的单元格，所以它变得更加困惑。
您现在可能拥有的是，在第一个表格中，第一行 1200px 加上每个 border 的 1px 因为表格会自动适合单元格的宽度。在第二张表上，你会比顶表少一点，因为第一行有一些合并的单元格。
在第二张表中，可能是相反的，第一行有一个 100% 的顶层表，然后第二行没有足够的地方包含 border 所以你最后的 10% 不会真正的 10%。在第二个表中，由于合并了单元格，它会好一点但仍然有点短。
您可以暂时将 border 设置为 none 以查看这是否确实是问题所在。
如果这是问题所在，您可以使用 jQuery outerWidth() 来设置尺寸，而不是使用 css。 OuterWidth 设置宽度，包括 border 和填充，因此它将应用正确的 css 以获得正确的 width。
关于html - Django 模板 - 2 个 HTML 表格需要它们匹配，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30876424/