html - 在 DIV 中展开图像

Question

如何在调整大小后将图像扩展为与 div 具有相同的高度？或者如何用颜色填充图像留下的空白区域？

Answer 1

我想这会得到你想要的结果:

<style>
    div {
    width:50px;
    height:100px;
    }

    div img {
    height:100%;
    }
</style>
<div>
    <img src='path/to/img.gif' />
</div>

图像现在将填充到容器 div 的高度，并根据其纵横比缩放其宽度。这可能会导致图像扩展超过容器 div 的预期宽度边界，但要小心。