技术栈

object-fit:fill 不生效

不会秃头2024-03-22 18:32

object-fit:fill 不生效

img 代码如下:

复制代码
<img :src="./img.png" alt="图片" style="width: 120px;height: 100px;object-fit: fill;"/>

设置宽高和自适应拉伸后,图片宽度还是原始宽度。

解决办法:

img 外面套一层 div

复制代码
<div>
	<img :src="./img.png" alt="图片" style="width: 120px;height: 100px;object-fit: fill;"/>
</div>
上一篇:微信小程序执行环境(微信端)与浏览器环境有何不同
下一篇:ChatGPT:如何利用人工智能写出高质量论文
相关推荐
行走的陀螺仪
12 分钟前
uni-app + Vue3 实现折叠文本(超出省略 + 展开收起)
前端·javascript·css·uni-app·vue3
午安~婉
2 小时前
HTML CSS八股
前端·css·html
有事没事实验室
2 小时前
css变量
前端·css
杂鱼豆腐人
5 小时前
【自用】CSS查漏补缺
前端·css
码银
5 小时前
【简易聊天室】使用 HTML、CSS、JavaScript 结合 WebSocket 技术实现
javascript·css·node.js·html
Justineo
8 小时前
TemPad Dev:设计与实现
前端·javascript·css
我穿棉裤了
9 小时前
使用css 给div添加四角线框
前端·css
musenh
20 小时前
css样式学习
css·学习·css3
木易 士心
20 小时前
CSS 中 `data-status` 的使用详解
前端·css
牧马少女
20 小时前
css 画一个圆角渐变色边框
前端·css
热门推荐
01GitHub 镜像站点02综合整理:pdf预览显示:你尝试预览的文件可能对你的计算机有害。如果你信任此文件以及其来源,请打开此文件以看其内容,如何解决以正常预览文件03UV安装并设置国内源04npm使用国内淘宝镜像的方法05Linux下V2Ray安装配置指南06安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)07BongoCat - 跨平台键盘猫动画工具08《大数据技术原理与应用》实验报告三 熟悉HBase常用操作09NVIDIA显卡驱动、CUDA、cuDNN 和 TensorRT 版本匹配指南10GitLab 零基础入门指南:从安装到项目管理全流程