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

Question

我有两张表并排放置，并显示有关正在比较的两个项目的数据。每个项目都有一个名称、一个类别，然后是一个描述——一些描述（第三列）很短（一个词），一些很长（多个句子）。我需要对齐两个表，以便行高完美匹配。到目前为止，这是我所拥有的：

请注意每个表中的第一行由于行中的高度不同而未对齐。理想情况下，我很想用 CSS 和某种溢出属性结合min-height 来解决这个问题，但我不知道从哪里开始。谢谢！

Answer 1

您可以将描述文本（第二个表）放在“td”中的“div”中，然后 制作 "div" css: "overflow:auto; max-height:40%";并根据两个表的需要更改表数据的宽度。

Answer 2

您可以使用height 属性为表格中的每个单元格指定一个统一的高度。 将overflow-wrap 属性设置为break-word 将破坏一个不适合单元格的长单词（如supercalifragilisticexpialidocious），因此它适合。您需要将其设置为inline-block，以便溢出正常工作。如果所有其他方法都失败并且表格单元格中的文本过多，您可以将overflow 设置为hidden 以确保您的用户至少可以看到内容而不会溢出所有内容，但理想情况下您应该设置height 足以容纳您的数据。如果您需要示例，请告诉我，我可以发布一个。