html – 在DIV中展开图像

发布时间：2020-12-14 18:28:13 所属栏目：资源来源：网络整理

导读：如何在调整大小后将图像扩展为与div具有相同的高度？或者我如何用颜色填充图像留下的空白区域？解决方法我想这会得到你想要的结果： style div { width:50px; height:100px; } div img { height:100%; }/stylediv img src='path/to/img.gif' //div 现在,图

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

解决方法

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

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

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

现在,图像将填充到容器div的高度,并使用其宽高比缩放其宽度.这可能导致图像扩展超过容器div的预期宽度边界,但要小心.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!