我有一个高度未知的表格单元格,其中包含一个 img
。这个 img
有一个固定的像素宽度,但我需要它拉伸以填满(但不超过)整个表格单元格的高度。无论高度如何,宽度都应保持不变。
通常,我会使用 height: 100%
来做到这一点,但在这种情况下似乎不起作用:
img {
display: block;
width: 25px;
height: 100%;
}
<table>
<tr>
<td>
Here is some content.<br/>
I would like the adjacent image to stretch to be<br/>
the same height as it, but not have the image get<br/>
any wider.
</td>
<td>
<img src="https://placehold.it/20x20" />
</td>
</tr>
</table>
<img src =“https://placehold.it/20x20”height =“100%”width =“25”/>
但下面的CSS背景答案是更灵活的解决方案。 - Bryce Howitson