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

回答