如何让图片完全填满td

【问题标题】：How to make img fill td completley如何让图片完全填满td
【发布时间】：2023-01-25 20:56:55
【问题描述】：

我想将 img 填充到 td（红色边框）中，我不在乎它是否被拉伸。表格有黑色边框。tr 没有边框。

(https://i.stack.imgur.com/VKleK.jpg)

我试过使用宽度：100%；高度：100%；

但无济于事。

【问题讨论】：

嗨@napkins 分享你的 CSS 和 HTML

标签： html css

【解决方案1】：

通过使用width: 100%;，我们正在拉伸该图像，通过编写display: block，我们正在显示该图像

.fillbg {
  background-color: red;
}
img {
  width: 100%;
  display: block;
}

<table>
  <tr>
    <td class='fillbg'>
      <img src="//via.placeholder.com/350x150" class="lazyloaded" data-ll-status="loaded">
    </td>
    <td class='fillbg'>
      Test
    </td>
    <td class='fillbg'>
      Test3
    </td>
  </tr>
</table>

【讨论】：