我正在制作一个HTML页面，我需要并排显示两个表格。第二个表的行的高度将是动态的，因为当程序将运行时将生成其中的数据，而第一个表具有固定的数据长度。现在我陷入了对齐两个表行的困境。如果第二个表的数据长度增加，则其行将不会与第一个表中的相应行对齐。可能是第二个表的第三行出现在第一个表的第五行前面。
这里的约束是这两个单独的表，无法合并到一个表中。
对于这两个表，font-size = 12px和padding = 5像素。有人可以建议我一个可以计算第二个表行的高度的公式，这样可以为第一个表中的相应行设置相同的高度（借助某种方法），并且两行可以相互对齐。
以下是我想到的但不起作用的公式 -
第一张表中行的高度=（12 *第二张表行中的行数）+ 5 + 5.
我已经有了一个计算第二个表行中行数的方法。
答案 0 :(得分：0)
得到了解决方案!!!
第二个表行中的每一行消耗14个像素。我估计线宽为12 px，空间为2 px。
因此，公式将是 -
height of row in first table = (14*number of lines in row of second table) + 5 + 5
我应用了这个公式，现在两个表的行是同步的。
我是怎么做到的 - 我创建了一个重复的HTML页面，并在第二个表格中以递增的顺序在每一行中创建了许多行数据。 喜欢 - ＆gt;第1行= 2行，第2行= 3行，第3行= 4行，依此类推。 然后手动设置第一个表的行的像素，使它们与对应的对齐。我发现它们遵循一个模式并且相差14个像素。
问题已解决：）