gpt4 book ai didi

html - 图像大小以适合固定大小的 div

转载 作者:行者123 更新时间:2023-11-28 04:49:31 25 4
gpt4 key购买 nike

我有固定大小的 div height:45pxwidth:60px 并且没有其他 css 分区。此div 用于显示客户上传的图片。我想给出图像的尺寸,以便上传的图像完全适合给定的 div。我需要提供优化的尺寸,以便图像在 div 中看起来不错。第一个逻辑我试图给图像提供 45 x 60、90 x 120 之类的图像。解决这个问题的正确方法是什么。请指导。提前致谢。

最佳答案

div {
width: 160px;
height: 145px;
overflow: hidden;
border: 1px solid black;
}

div img {
width: 100%;
min-height: 100%;
}
<div>
<img src="/image/aFYTl.jpg?s=328&g=1"/>
</div>

关于html - 图像大小以适合固定大小的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35696355/

25 4 0
文章推荐: javascript - 如果使用 :nth-child 超过 3 个,则每个相同父 div 的 jQuery 切换嵌套 div
文章推荐: html - 什么 CSS 可以用
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com