html - 即使同一个表格中的文本更长，也限制元素的高度

Question

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

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

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

即使有大量文本，如何保持 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，它将保持高度并使元素可滚动。