html并排表格行高度

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

的约束这里是这是两个saperate表和无法合并到一个表。

对于这两个表，font-size = 12px和padding = 5像素。有人可以建议我一个公式，它可以计算第二个表的行高度，以便可以为第一个表中的相应行设置相同的高度（借助某种方法），并且两行可以相互对齐。

下面是来了心头但因此未工作式 -

在第一表=（行中第二表的行12 *号）+ 5 + 5

余行的高度已经有一种方法可以计算第二个表格的行数。

2012-02-09 ankit rai

这是不可能的，我认为，不使用JavaScript。 – 2012-02-09 11:47:16

（12 *行数第二个表格中的行数） - 行间空格是多少？ – kornero 2012-02-09 11:47:21

为什么不在一个表格中模拟两个带有2个tds的表格？ – ggzone 2012-02-09 12:48:15

得到了解决方案！

第二个表的行中的每行消耗14个像素。我想，12行代表行高，2行代表空间。

因此，该公式将是 -

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

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

我是如何得到这个的 - 我创建了一个重复的HTML页面，并在第二个表中以增量顺序在每一行中创建了多行数据。像 - >第1行= 2行，第2行= 3行，第3行= 4行等等。然后手动设置第一个表格的行的像素以使它们与其对应物对齐。我发现他们遵循一种模式，并且有14个像素的差异。

已解决问题:)

2012-02-10 03:16:22

回答