米
心情
所有
图集
登录
搜索
原创
css控制图片等比居中缩放并保持比例放大或者缩小进行填充
米醋儿
发布于:2022-03-23
   css我就是会一点点而已，平时写的也不多，这次通过升级修改自己博客的说说板块，想要多个缩略图进行居中等比放大或者缩小显示呢。最终达到了想要的效果。 ``` .imga img { width: 100%; position: absolute; top: 0; left: 0; object-fit: cover; border-radius: 5px; height: 100%; } ``` 其中最关键的是第6行的代码，主要控制图片等比进行填充，保证不变形。 object-fit 属性指定元素的内容应该如何去适应指定容器的高度与宽度。 object-fit 一般用于 img 和 video 标签，一般可以对这些元素进行保留原始比例的剪切、缩放或者直接进行拉伸等。 **语法** ``` object-fit: fill|contain|cover|scale-down|none|initial|inherit; ``` [](https://micuu.com/web/markdown/623ac3815dbbd.png)
注:原创不易,转载请注明出处(
http://micuu.com/new/2701.html
)，本站所有资源来源于网络收集，如有侵权请联系QQ245557979进行清除。
最后修改与 2022-03-23
上一篇：
什么是“杀猪盘”？杀猪盘是什么意思？
下一篇：
git更换远程仓库地址
留言反馈
请先登录
问题反馈渠道，如有软件无法下载或者其他问题可反馈。【由于某种原因，目前留言不展示】
用户需要登录后才能留言反馈
立即留言
珍藏视频
10分钟高效燃脂
30天高效瘦脸操
5分钟缓解颈椎操
友人
微博
全民K歌
唱吧
今日头条
悠悠网
科技小锅盖
彼岸桌面
阮一峰
laravel社区
V2ex
掘金
更多>
