技术栈

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
相关推荐
imLix
5 分钟前
RunLoop 实现原理
前端·ios
wayman_he_何大民
11 分钟前
初始机器学习算法 - 关联分析
前端·人工智能
飞飞飞仔
15 分钟前
别再瞎写提示词了!这份Claude Code优化指南让你效率提升10倍
前端·claude
刘永胜是我
15 分钟前
node版本切换
前端·node.js
成小白
19 分钟前
前端实现表格下拉框筛选和表头回显和删除
前端
wayman_he_何大民
20 分钟前
初始机器学习算法 - 聚类分析
前端·人工智能
wycode
21 分钟前
Vue2实践(3)之用component做一个动态表单(二)
前端·javascript·vue.js
用户109225715610
37 分钟前
你以为的 Tailwind 并不高效,看看这些使用误区
前端
意会
1 小时前
微信闪照小程序实现
前端·css·微信小程序
onejason
1 小时前
《利用 Python 爬虫获取 Amazon 商品详情实战指南》
前端·后端·python
热门推荐
01UV安装并设置国内源02Qwen3-Coder 快速上手教程 | Qwen Code + Claude Code03【2025.08.06最新版】Android Studio下载、安装及配置记录(自动下载sdk)04KGG转MP3工具|非KGM文件|解密音频052025最新国内服务器可用docker源仓库地址大全(2025年8月更新)06NVIDIA显卡驱动、CUDA、cuDNN 和 TensorRT 版本匹配指南07蜘蛛磁力 搜索引擎大全,如何使用蜘蛛磁力查找磁力链接08TRAE 规则(Rules)配置指南:个人习惯、团队规范与最佳实践09阿里开源首个图像生成基础模型——Qwen-Image本地部署教程,超强中文渲染能力刷新SOTA!10全球最强模型Grok4,国内已可免费使用!(附教程)