Html 使图像适合相应大小td的高度

当使用div而不是td时，这非常有效：

<div style='height:50%;width:50%;'>
     <img style='height: inherit;' src='https://placehold.it/200x1000'>
</div>

但是，将相同的应用于td不起作用，相反，它会将td扩展到图像源的大小：

<table style='height:50%;width:50%;'>
    <tr>
      <td>
        <img style='height: inherit;' src='https://placehold.it/200x1000'>
      </td>
    </tr>   
</table>

默认情况下，表扩展以填充其内容没有任何好的强制方式。你最好使用div。在我的情况下使用div将是一场噩梦-没有解决办法吗？我可以不以某种方式将图像包装在div中吗？是的，如果确实需要使用表，那么这是一个好主意，然后将img标记包装在div中，并在那里设置宽度和高度。