图片居中显示，不失真，充满容器
<div class="img-box"><img src="src" /></div><style>img-box {width:50px;//容器宽度，就是你希望图片展示对大尺寸，一定要设置height: 50px;//容器高度，就是你希望图片展示对大尺寸，一定要设置img {width: 100%;height: 100%;object-fit
·
<div class="img-box">
<img src="src" />
</div>
<style>
img-box {
width:50px;//容器宽度，就是你希望图片展示对大尺寸，一定要设置
height: 50px;//容器高度，就是你希望图片展示对大尺寸，一定要设置
img {
width: 100%;
height: 100%;
object-fit: cover
}
}
魔乐社区（Modelers.cn) 是一个中立、公益的人工智能社区，提供人工智能工具、模型、数据的托管、展示与应用协同服务，为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作，由全产业链共同建设、共同运营、共同享有，推动国产AI生态繁荣发展。
更多推荐
1
0- 0
已为社区贡献2条内容
所有评论(0)