如何使img大小受单元格大小的限制[关闭]

【问题标题】：How to make img size constrained by cell size [closed]如何使img大小受单元格大小的限制[关闭]
【发布时间】：2020-06-04 21:14:52
【问题描述】：

我想确保放置在表格单元格内的图像的大小受单元格大小的限制，即使它会扭曲图像。我不希望它保持纵横比！

有人可以帮我吗？

【问题讨论】：

也许您发布了显示此问题的代码？这样别人帮忙会容易得多
这能回答你的问题吗？ How do I force an image to fill its table cell COMPLETELY
图像必须灵活，所以使用 % 而不是 px。例如：width="100%" 而不是 width="200px"

标签： html css

【解决方案1】：

我猜是这样的： JSFiddle

td {
  width: 250px;
  height: 450px;
  border: 1px solid black;
}
img {
  display: block;
  width: 100%;
  height: 100%;
}

<table>
  <tr>
    <th>Firstname</th>
    <th>Lastname</th>
    <th>Age</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td><img src="https://www.bigstockphoto.com/images/homepage/module-6.jpg"/></td>
  </tr>
</table>

【讨论】：

是的，它有效！我试图在表格标签上设置高度，但由于某种原因它不起作用。