HTML并排侧表行高度

问题描述 投票:1回答:1

我工作的HTML页面,在这里我需要显示两个表并排侧。第二表的行的高度将是动态的,如它的数据将作为程序将运行,而第一表具有数据的固定长度来生成。现在我被困在调整这两个表行。如果第二个表的数据长度增加,那么它的行不会被对准以在第一表格中的相应行。可以是第二表的第三行进来第一个表的第五行的前面。

这里的约束是这是两个单独的表,不能合并成一个单一的表。

两个表字体大小= 12像素和填充= 5像素。有人建议我一个公式,可以计算出第二个表的行的高度,因此在相同的高度可以为第一个表中相应的行(有一些方法帮助)来设置和两行可以相互对齐。

下面是进入了我的脑海里,但没有成功公式 -

在第一表格= + 5 + 5(在第二表中的行线的12 *数)行的高度。

我已经其计算第二表的行中的行的数目的方法。

html html-table
1个回答
0
投票

得到了解决!

第二表的行中的每一行被消耗14个像素。 12像素为白线高度和2像素为空间,我想。

因此,该公式将是 -

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

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

我如何得到这个 - 我创建了一个重复的HTML页面,并在第二个表的increamenting顺序创建的每个行中有编号的数据线。像 - >第一行= 2行,第二行= 3行,第3行= 4线等。然后手动设置第一个表行的像素与对口对齐。我发现,它们被以下的图案,并在14个像素的差。

问题解决了 :)

© www.soinside.com 2019 - 2024. All rights reserved.