Javascript 在平行表格中对齐单元格高度

Javascript 在平行表格中对齐单元格高度,javascript,html,css,twitter-bootstrap,Javascript,Html,Css,Twitter Bootstrap,我有两张桌子挨着坐着,显示关于正在比较的两个项目的数据。每个项目都有一个名称、一个类别,然后是一个描述——有些描述(第三列)很短(一个单词),有些很长(多个句子)。我需要把这两张桌子对齐,这样行的高度才能完全匹配。以下是我目前掌握的情况: 请注意,由于行的高度不同,每个表中的第一行没有对齐。理想情况下,我希望用CSS和某种溢出属性结合minheight来解决这个问题,但我不确定从哪里开始。谢谢 您可以使用height属性为表中的每个单元格指定一个统一的高度。 将overflow wrap属性设

我有两张桌子挨着坐着,显示关于正在比较的两个项目的数据。每个项目都有一个名称、一个类别,然后是一个描述——有些描述(第三列)很短(一个单词),有些很长(多个句子)。我需要把这两张桌子对齐,这样行的高度才能完全匹配。以下是我目前掌握的情况:


请注意,由于行的高度不同,每个表中的第一行没有对齐。理想情况下,我希望用CSS和某种溢出属性结合
minheight
来解决这个问题,但我不确定从哪里开始。谢谢

您可以使用
height
属性为表中的每个单元格指定一个统一的高度。
overflow wrap
属性设置为
break word
将打断不适合单元格的长单词(如supercalifragilisticexpialidocious),使其适合单元格。您需要将其设置为
内联块
,以便溢出正常工作。如果所有其他操作都失败,并且表格单元格中的文本太多,您可以将
溢出设置为
隐藏,以确保用户至少可以看到内容,而不会溢出所有内容,但理想情况下,您应该将
高度设置为足以容纳数据。如果您需要一个示例,请告诉我,我可以发布一个。

您可以将描述文本(第二个表格)放在“td”中的“div”中,然后
制作“div”css:“溢出:自动;最大高度:40%”;并根据两个表的需要更改表数据的宽度。

需要将代码作为。您可以单击括号按钮:
,然后在那里发布HTML、CSS和JS/jQ。我认为,将行高度设置为相同是没有意义的,因为两个表都代表唯一的数据点。