限制元素的高度，即使<td>同一表中的文本更长

Question

这就是我所拥有的。http://www.welivetech.net/showthread.php?tid=62&pid=131#pid131

正如您从线程中的大多数帖子（前三个）中看到的那样，postbit（内部带有头像的蓝色框）看起来不错。

但是，由于帖子内容较长，第四个帖子位垂直拉长。

即使有大量文本，如何保持帖子位大小相同？相信我，我已经尝试了大约 2 个小时的所有东西......

Answer 1

您需要在头像 TD 中使用 DIV，并且此 DIV 的样式必须为您当前的蓝色 TD。TD将扮演透明集装箱的角色

让我们解释一下。现在您有：

<tr>
  <td class="avatar"><!-- Avatar block here --></td>
  <td>Post text</td>
</tr>

您需要：

<tr>
  <td class="container">
    <div class="Avatar><!-- Avatar block here --></td>
  </td>
  <td>Post text</td>
</tr>

Answer 2

你试过溢出：滚动吗？喜欢：

.some_css_class {
  height: 100px; 
  overflow: scroll;
} 

在我的示例中，如果内容高于 100px，它将保持高度并使元素可滚动。