技术栈

css实现div被图片撑开

小白白一枚1112024-11-07 21:54

固定好盒子的宽度,高度随传过来的图片大小决定

html 复制代码
<div class="tab-con"> 
    <img
       :src="concertInfo.detail"
       alt=""
     >
</div>
css 复制代码
.tab-con {
        margin-bottom: 20px;
        width: 700px;

        img {
          width: 700px;
          height: auto;
          object-fit: contain;
        }
      }
上一篇:山洪灾害监测预警系统综合解决方案
下一篇:拷贝 cp -rdp 和 cp -a
相关推荐
幸福摩天轮
8 分钟前
npm发布包
前端
前端AK君
11 分钟前
Gitlab 线上合并冲突的坑
前端
ze_juejin
11 分钟前
ES6 Module 深入学习
前端
章丸丸
14 分钟前
Tube - Studio Videos
前端·后端
因吹斯汀
1 小时前
一饭封神:当AI厨神遇上你的冰箱,八大菜系大师在线battle!
前端·vue.js·ai编程
心一信息
1 小时前
ThreeJS骨骼示例
css·css3·html5
再学一点就睡
1 小时前
NATAPP 内网穿透指南:让本地项目轻松 “走出去”
前端
拜无忧
1 小时前
2025最新React项目架构指南:从零到一,为前端小白打造
前端·react.js·typescript
稻草人不怕疼
1 小时前
记一次从“按钮点不动”到“窗口派发缺失”的排查过程
前端
irving同学46238
2 小时前
TypeORM 列装饰器完整总结
前端·后端·nestjs
热门推荐
012025 年高教社杯全国大学生数学建模竞赛C 题 NIPT 的时点选择与胎儿的异常判定 完整成品思路模型代码分享,全网首发高质量!!!02UV安装并设置国内源032025年数学建模国赛C题超详细解题思路04不再让Windows更新!&Edge游戏助手卸载及关闭自动更新05A股预测还能更准?开源大模型Kronos带你跑通预测+回测全流程062025全国大学生数学建模C题保姆级思路模型(持续更新):NIPT 的时点选择与胎儿的异常判定07KGG转MP3工具|非KGM文件|解密音频08UV 工具安装与国内镜像源配置指南09教你如何认证 Gemini 教育优惠的二次验证,薅个 1年的 Gemini Pro 会员10解决 WSL Ubuntu 中 /etc/resolv.conf 自动重置问题