技术栈

el-form-item内的el-select如何自适应宽度

斗帝蓝电霸王龙2024-03-09 20:46

最近在使用element-ui做后台管理的时候,有个需求是在弹窗组件里面,添加一个el-select下拉框选项,但是给el-select设置的宽度无法自适应,原因很简单,我们不需要设置固定宽度,设置百分比就行了,让他继承父元素,撑开自己就行 我们先看问题效果图;

问题效果图

Css

javascript 复制代码
.el-select {
   width: 100%;
}

修复效果图

上一篇:cesium-切分地图
下一篇:消息队列-Kafka-基础架构
相关推荐
问心无愧0513
5 分钟前
ctf show web入门160 161
前端·笔记
李小白66
19 分钟前
第四天-WEB服务器基本原理,IIS服务
运维·服务器·前端
humcomm
1 小时前
AI编程时代新前端职位
前端·ai编程
好家伙VCC
1 小时前
Web Components主题热切换方案揭秘
java·前端
甲维斯
2 小时前
Kimi版超级玛丽效果“惊人”,配额不足5厘米!
前端·人工智能
hboot
2 小时前
AI工程师第一课 - Python
前端·后端·python
凉菜凉凉
2 小时前
AI时代,被抛弃的前端
前端·ai
console.log('npc')
2 小时前
AI前端工程与生成式UI学习路线
前端·人工智能·ui
huangdong_
2 小时前
淘宝商品SKU图自动分类技术深度解析:从DOM解析到智能归档
开发语言·javascript·ecmascript
梦曦i
2 小时前
uni-router v1.1.1发布:守卫超时保护+路由监听
前端·uni-app
热门推荐
01《置身钉内》原文-可播放阅读02Claude Code、Codex、Cursor三分天下:2026年AI编程Agent生态全景剖析03GitHub 镜像站点04【AI】2026 年具身智能模型和世界模型总结05AI科技热点日报 | 2026年6月1日062026 AI 编程工具终极实战指南:Cursor vs Claude Code vs Copilot,开发者该怎么选?072026年6月AI行业全景:从百模大战到Agent元年,这30天发生了什么?08Codex 下载安装指南:Windows 和 macOS 官方版下载092026 年 AI 编程工具终极横评:Cursor vs Claude Code vs Copilot vs Windsurf10【踩坑记录 | 第一篇】微软商店无法使用时,如何手动安装 OpenAI Codex?附`.msix`文件系统错误解决方法