gpt4 book ai didi

html - 如何使图像位于特定高度和宽度的 div 内,而不给 img 元素任何高度或宽度

转载 作者:太空宇宙 更新时间:2023-11-04 14:11:56 25 4
gpt4 key购买 nike

如何在不给 img 元素任何高度或宽度的情况下使图像位于特定高度和宽度的 div 内。这是 html 代码

<div class="frame" style="margin: 0 0.3em; width: 300px; height: 300px;">
<img id="photo" src="images/minnie-mouse-cartoon-wallpaper-600x600.jpg">
</div>

这是 jsfiddle

最佳答案

使用max-widthmax-height来img

img{
max-width:100%;
max-height:100%;
}

DEMO

关于html - 如何使图像位于特定高度和宽度的 div 内,而不给 img 元素任何高度或宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20674825/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com