html - 防止 在 中垂直溢出

Question

table {
  width: 660;
  height: 800;
}
table h2 {
  padding: 2px;
  border: 0px;
  border-collapse: collapse;
  border-spacing: 0px;
}
tr {
  max-height: 200px;
}
td {
  border-right: #5c5857 dashed 1px;
  width: 230px;
  max-height: 200px;
}
p {
  padding: 2px;
  font-size: 10px;
}
#post-thumbnail {
  margin: auto 0;
  padding: 2px;
}

<table>
  <tr>
    <td>
      <span id='post-thumbnail'>
        <img src='https://lh5.googleusercontent.com/-sI6mm8ZKBss/VPBaKwgV_jI/AAAAAAAAAC0/AIC31jCods8/h120/noimg.png' /></img>
      </span>
      <h2>Blog post title</h2>
      <p>Hey Hey Hey Hey Hey HEy Hey Hey Hey HEy Hey Hey Hey HEy Hey Hey Hey Hey Hey HEy Hey Hey Hey HEy Hey Hey Hey HEy Hey Hey Hey Hey Hey HEy Hey Hey Hey HEy Hey Hey Hey HEy Hey Hey Hey Hey Hey HEy Hey Hey Hey HEy Hey Hey Hey HEy Hey Hey Hey Hey Hey HEy
        Hey Hey Hey HEy Hey Hey Hey HEy Hey Hey Hey Hey Hey HEy Hey Hey Hey HEy Hey Hey Hey HEy Hey Hey Hey Hey Hey HEy Hey Hey Hey HEy Hey Hey Hey HEy Hey Hey Hey Hey Hey HEy Hey Hey Hey HEy Hey Hey Hey HEy Hey HEy Hey Hey Hey HEy Hey Hey Hey HEy Hey
        Hey Hey Hey Hey HEy Hey Hey Hey HEy Hey Hey Hey HEy Hey Hey Hey Hey Hey HEy Hey Hey Hey HEy Hey Hey Hey HEy Hey Hey Hey Hey Hey HEy Hey Hey Hey HEy Hey Hey Hey HEy Hey Hey Hey Hey Hey HEy Hey Hey Hey HEy Hey Hey Hey HEy Hey Hey Hey Hey Hey HEy
        Hey Hey Hey HEy Hey Hey Hey HEy Hey Hey Hey Hey Hey HEy Hey Hey Hey HEy Hey Hey Hey HEy Hey Hey Hey Hey Hey HEy Hey Hey Hey HEy Hey Hey Hey HEy Hey HEy Hey Hey Hey HEy Hey Hey Hey HEy Hey Hey Hey Hey Hey HEy Hey Hey Hey HEy Hey Hey Hey HEy Hey
        Hey Hey Hey Hey HEy Hey Hey Hey HEy Hey Hey Hey HEy Hey Hey Hey Hey Hey HEy Hey Hey Hey HEy Hey Hey Hey HEy Hey Hey Hey Hey Hey HEy Hey Hey Hey HEy Hey Hey Hey HEy Hey Hey Hey Hey Hey HEy Hey Hey Hey HEy Hey Hey Hey HEy Hey Hey Hey Hey Hey HEy
        Hey Hey Hey HEy Hey Hey Hey HEy Hey Hey Hey Hey Hey HEy Hey Hey Hey HEy Hey Hey Hey HEy</p>

    </td>
    <td>
      <span id='post-thumbnail'>
        <img src='https://lh5.googleusercontent.com/-sI6mm8ZKBss/VPBaKwgV_jI/AAAAAAAAAC0/AIC31jCods8/h120/noimg.png' /></img>
      </span>
      <p>Hey Hey Hey Hey Hey HEy Hey Hey Hey HEy Hey Hey Hey HEy</p>
    </td>
    <td>
      <span id='post-thumbnail'>
        <img src='https://lh5.googleusercontent.com/-sI6mm8ZKBss/VPBaKwgV_jI/AAAAAAAAAC0/AIC31jCods8/h120/noimg.png' /></img>
      </span>
      <p>Hey Hey Hey Hey Hey HEy Hey Hey Hey HEy Hey Hey Hey HEy</p>
    </td>
  </tr>
</table>

我试图通过各种方式垂直修复溢出。我尝试了谷歌搜索和其他所有方法。我需要帮助来修复 td 中垂直发生的溢出。我正在尝试为 Blogger 创建博客文章显示样式。我希望缩略图出现在顶部，然后是博客文章的片段。我想连续显示3个这样的帖子信息，但是当文字很多时，td就会向下溢出。我尝试了很多修复方法，但每次都是文本向任何其他方向溢出或只显示一行。

Answer 1

也尝试在您的 p 类上设置 max-height: 250px。