技术栈

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
相关推荐
知识分享小能手
4 分钟前
微信小程序入门学习教程,从入门到精通,微信小程序页面交互 —— 知识点详解与案例实现(3)
前端·javascript·学习·react.js·微信小程序·小程序·交互
石小石Orz
8 分钟前
思考许久,我还是提交了离职申请
前端
m0_61618849
10 分钟前
CSS中的伪类和伪元素
前端·javascript·css
一个小潘桃鸭
12 分钟前
组件抽离:el-upload支持图片粘贴上传并添加预览
前端
快乐就好ya
19 分钟前
React基础到进阶
前端·javascript·react.js
小龙在山东
26 分钟前
VS Code 使用 Chrome DevTools MCP 实现浏览器自动化
前端·自动化·chrome devtools
悠哉摸鱼大王
26 分钟前
多模态场景下tts功能实现
前端·javascript
东华帝君
30 分钟前
__proto__对比prototype
前端
夜晓码农
33 分钟前
VSCode Web版本安装
前端·ide·vscode
初出茅庐的
1 小时前
hooks&&状态管理&&业务管理
前端·javascript·vue.js
热门推荐
01UV安装并设置国内源02GitHub 镜像站点03UV 工具安装与国内镜像源配置指南04OpenSpeedy简介05Spec-Kit 使用指南06阿里最新开源Wan2.2-Animate-14B 本地部署教程:统一双模态框架,MoE架构赋能电影级角色动画与替换07VsCode远程Copilot无法使用Claude Agent问题08Linux下V2Ray安装配置指南0946个Nano-banana 精选提示词,持续更新中10KGG转MP3工具|非KGM文件|解密音频