html并排表格行高答案

【问题标题】：html side-by-side tables row heighthtml并排表格行高
【发布时间】：2019-02-06 06:15:20
【问题描述】：

我正在处理需要并排显示两个表格的 HTML 页面。第二个表的行高将是动态的，因为其中的数据将在程序运行时生成，而第一个表具有固定长度的数据。现在我被困在对齐两个表格行。如果第二个表的数据长度增加，那么它的行将不会与第一个表中的相应行对齐。可能是第二个表的第三行排在第一个表的第五行之前。

这里的约束是这是两个单独的表并且不能合并到一个表中。

对于两个表格，字体大小 = 12 像素，填充 = 5 像素。有人可以建议我一个可以计算第二个表格行高的公式，以便可以为第一个表格中的相应行设置相同的高度（借助某种方法），并且两行可以相互对齐。

下面是我想到但不起作用的公式-

第一个表的行高=（12*第二个表的行数）+ 5 + 5。

我已经有一个方法可以计算第二个表的行数。

【问题讨论】：

【解决方案1】：

找到解决办法！！！

第二个表格行中的每一行消耗 14 个像素。我猜，行高为 12 像素，空间为 2 像素。

因此，公式将是 -

height of row in first table = (14*number of lines in row of second table) + 5 + 5

我应用了这个公式，现在两个表的行是同步的。

我是如何得到这个的—— 我创建了一个重复的 HTML 页面，并在第二个表中以递增的顺序在每一行中创建了多行数据。像 -> 第一行 = 2 行，第二行 = 3 行，第三行 = 4 行，依此类推。然后手动设置第一个表的行的像素以将它们与对应的对齐。我发现它们遵循一种模式并且相差 14 像素。

问题已解决:)

【讨论】：