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;
        }
      }
相关推荐
lovingsoft24 分钟前
Chrome Lighthouse 详解
前端·chrome
Qlly34 分钟前
全栈工程师怎么接需求?从一句「加个功能」聊到能开发、能验收
前端·后端
多喝水身体棒35 分钟前
# CSS Grid布局入门,二维布局再也不用float了
css
马可家的菠萝38 分钟前
你的微信“文件传输助手”,是不是已经成了第二个网盘?
前端·后端·架构
略略略啦39 分钟前
Vibe Coding 基于Spec DD和TDD的实践指南
前端
shmily麻瓜小菜鸡1 小时前
前端实现图片与PDF文字识别敏感信息打码方案
前端·pdf·状态模式
打工仔折腾 AI1 小时前
LangChain 工具调用实战:从 Tool 定义到 Agent 执行链路拆解
java·前端·人工智能·后端·python·langchain·ai agent 实战
汉堡大王95271 小时前
单次输出拉到100万Token:拆完 Gemini 4 Argon 的续写协议,才看懂谷歌这7个月在憋什么
前端·人工智能·后端
看浪的路人1 小时前
第9讲:大模型应用监控与可观测性——OpenTelemetry + Prometheus + Grafana 全链路追踪
java·前端·spring
内存过载1 小时前
用表格模拟甘特图:项目排期的土办法
前端·低代码