html - 同じテーブル内のテキストが長くても要素の高さを制限する

Question

スレッド内のほとんどの投稿 (最初の 3 つ) からわかるように、postbit (アバターが入った青いボックス) は問題ないように見えます。

ただし、4 番目のポストビットは、ポストコンテンツが長いため、垂直方向に引き伸ばされます。

膨大な量のテキストがある場合でも、ポストビットサイズを同じに保つにはどうすればよいでしょうか? 私を信じてください、私は今約2時間すべてを試しました...

score 2 · Accepted Answer

アバター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>

score 0 · Accepted Answer

オーバーフロー: スクロールを試しましたか? お気に入り：

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

私の例では、コンテンツが 100px を超える場合、高さを維持して要素をスクロール可能にします。

2 に答える 2