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

Question

我有两个表并排放置，并显示有关正在比较的两个项目的数据。每个项目都有一个名称，一个类别和一个描述-一些描述（第三列）非常短（一个单词），而一些描述则很长（多个句子）。我需要对齐两个表，以使行高完美匹配。这是我到目前为止的内容：

请注意，由于行高不同，每个表的第一行如何对齐。理想情况下，我很想使用CSS和结合min-height的某种溢出属性来解决此问题，但是我不确定从哪里开始。谢谢！

Answer 1

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

Answer 2

您可以在“ td”中的“ div”中放置说明文字（第二张表）， 使“ div” css：“ overflow：auto; max-height：40％”;并根据两个表格的要求更改表格数据的宽度。