米
心情
所有
图集
登录
搜索
原创
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)
注:原创不易,转载请注明出处(
https://micuu.com/new/2701.html
)，本站所有资源来源于网络收集，如有侵权请联系QQ245557979进行清除。
最后修改与 2022-03-23
上一篇：
什么是“杀猪盘”？杀猪盘是什么意思？
下一篇：
git更换远程仓库地址
▶
珍藏视频
▶
10分钟高效燃脂
▶
30天高效瘦脸操
▶
5分钟缓解颈椎操
友人
→
微博
→
全民K歌
→
唱吧
→
今日头条
→
悠悠网
→
科技小锅盖
→
彼岸桌面
→
阮一峰
→
laravel社区
→
V2ex
→
掘金
+
更多
