兄弟，我太懂你这种表格里图片尺寸乱飘的糟心感了！你设置<tr>的height没生效的原因其实很简单——图片本身的原始尺寸（尤其是高度）会撑开单元格，浏览器会优先跟着内容走，所以你给tr设的height直接被忽略了。给你几个靠谱的解决办法：

• 直接给图片设置统一尺寸（最直接）
  给每个<img>标签加上内联样式，强制统一高度，同时用object-fit保证图片比例不崩：

  <img src="你的图片地址" style="width: auto; height: 80px; object-fit: cover;" alt="图片描述">
  

  object-fit: cover会让图片按比例填满容器，超出部分裁剪；如果想完整显示图片（可能留空白），可以换成object-fit: contain

• 给单元格设置固定高度+溢出隐藏
  要是不想直接改图片样式，就给<td>设固定高度并隐藏溢出内容，再限制图片最大高度：

  <tr>
    <td style="height: 80px; overflow: hidden;">
      <img src="你的图片地址" style="max-height: 100%; width: auto;" alt="图片描述">
    </td>
  </tr>
  

• 用CSS类统一管理（更规范）
  如果图片多，把样式抽成CSS类，后期维护更方便：

  .image-row {
    height: 80px;
  }
  .image-cell {
    height: 100%;
    overflow: hidden;
  }
  .uniform-image {
    max-height: 100%;
    width: auto;
    object-fit: cover;
  }
  

  然后HTML里直接用类：

  <table style="width:100%;height:100%;position:absolute;top:0;right:0;font-size:20px;">
    <tr class="image-row">
      <td class="image-cell">
        <img src="你的图片地址" class="uniform-image" alt="图片描述">
      </td>
    </tr>
    <!-- 其他图片行同理 -->
  </table>
  

另外，如果希望图片宽度也占满单元格，可以把width: auto换成width: 100%，再调整object-fit属性就行，按需选就好～

内容的提问来源于stack exchange，提问作者stack