技术栈

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
相关推荐
C澒
21 分钟前
前端监控系统的最佳实践
前端·安全·运维开发
xiaoxue..
23 分钟前
React 手写实现的 KeepAlive 组件
前端·javascript·react.js·面试
hhy_smile
29 分钟前
Class in Python
java·前端·python
小邓吖
1 小时前
自己做了一个工具网站
前端·分布式·后端·中间件·架构·golang
南风知我意957
1 小时前
【前端面试2】基础面试(杂项)
前端·面试·职场和发展
LJianK1
1 小时前
BUG: Uncaught Error: [DecimalError] Invalid argument: .0
前端
No Silver Bullet
2 小时前
Nginx 内存不足对Web 应用的影响分析
运维·前端·nginx
一起养小猫
2 小时前
Flutter for OpenHarmony 实战 表单处理与验证完整指南
android·开发语言·前端·javascript·flutter·harmonyos
weixin_39544891
2 小时前
main.c_cursor_0130
前端·网络·算法
C澒
2 小时前
SGW 接入层运维实战:配置查看 + 监控分析 + 日志排查
前端·安全·运维开发
热门推荐
01GitHub 镜像站点02Clawdbot 中文汉化版 接入微信、飞书03OpenCode 入门教程:介绍 · 安装 · 配置第三方 API (如 Claude)042026数学建模美赛题目特点与选题建议,常用四大模型汇总05一种新的LCA算法06Claude Code Skills 实用使用手册07零门槛部署本地 AI 助手:Clawdbot/Meltbot 部署深度保姆级教程08在Trae中使用Pencil MCP09UV安装并设置国内源10Linux下V2Ray安装配置指南