技术栈

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
相关推荐
摸鱼的春哥
28 分钟前
惊!黑客靠AI把墨西哥政府打穿了,海量数据被黑
前端·javascript·后端
小兵张健
30 分钟前
Playwright MCP 截图标注方案调研(推荐方案1)
前端·javascript·github
小兵张健
1 小时前
AI 页面与交互迁移流程参考
前端·ai编程·mcp
小兵张健
2 小时前
掘金发布 SOP(Codex + Playwright MCP + Edge)
前端·mcp
小兵张健
2 小时前
Mac 上 Antigravity 无法调用 browser_subagent?一次 400 报错排查记录
前端
张拭心
3 小时前
编程最强的模型,竟然变成了国产的它
前端·ai编程
爱勇宝
3 小时前
2026一人公司生存指南:用AI大模型,90天跑出你的第一条现金流
前端·后端·架构
fe小陈
3 小时前
简单高效的状态管理方案:Hox + ahooks
前端
我叫黑大帅
3 小时前
Vue3和Uniapp的爱恨情仇:小白也能懂的跨端秘籍
前端·javascript·vue.js
Panzer_Jack
3 小时前
如何用 WebGL 去实现一个选取色彩背景图片透明化小工具 - Pick Alpha
前端·webgl
热门推荐
01GitHub 镜像站点02【OpenClaw 本地实战 Ep.3】突破瓶颈:强制修改 openclaw.json 解锁 32k 上下文记忆03OpenClaw 使用和管理 MCP 完全指南04OpenClaw + 飞书(Feishu)环境搭建指南05Clawdbot部署教程:解决‘gateway token missing’授权问题的完整步骤06Window 10部署openclaw报错node.exe : npm error code 12807OpenClaw优化飞书API 额度已耗尽问题08Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services09AI 规范驱动开发“三剑客”深度对比:Spec-Kit、Kiro 与 OpenSpec 实战指南10AI Agent 平台横评:ZeroClaw vs OpenClaw vs Nanobot