图片居中显示,不失真,充满容器
<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生态繁荣发展。
更多推荐

所有评论(0)