css 如何使img完全填充td

vsikbqxv 于 2023-01-27 发布在其他

关注(0)|答案(1)|浏览(329)

我想把img填充到td（红色边框）中，我不在乎它是否被拉伸。表格有黑色边框。tr没有边框。
（https://i.stack.imgur.com/VKleK.jpg）
我试过使用宽度：100%;高度：百分之百;
但无济于事。

css

来源：https://stackoverflow.com/questions/75234219/how-to-make-img-fill-td-completley

1条答案

按热度按时间

4ioopgfo1#

通过使用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>

赞(0）回复(0）举报 2023-01-27

我来回答

css 如何使img完全填充td

1条答案

相关问题

热门标签

最新问答