css实现div被图片撑开

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

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;
        }
      }
相关推荐
JIngJaneIL几秒前
基于java+ vue助农电商系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot·后端
想学后端的前端工程师11 分钟前
【Java集合框架深度解析:从入门到精通-后端技术栈】
前端·javascript·vue.js
VcB之殇16 分钟前
git常用操作合集
前端·git
yinuo42 分钟前
前端跨页面通讯终极指南⑧:Cookie 用法全解析
前端
小鑫同学43 分钟前
vue-pdf-interactor 技术白皮书:为现代 Web 应用注入交互式 PDF 能力
前端·vue.js·github
GISer_Jing1 小时前
Nano Banana:AI图像生成与编辑新标杆
前端·javascript·人工智能
gyx_这个杀手不太冷静1 小时前
上线前不做 Code Review?你可能正在给团队埋雷!
前端·代码规范·团队管理
全栈老石1 小时前
从硬编码到 Schema 推断:前端表单开发的工程化转型
前端·vue.js·架构
weixin_462446231 小时前
【原创实践】使用 shell 脚本批量创建 Linux 用户并生成随机密码
linux·服务器·前端
hid711713662 小时前
STM32F0 打造高性能无感 FOC 无刷电机控制方案,挑战 VESC 成本极限
css