element中select下拉框如何实现宽度自适应

简单暴力:

element 和 elementPlus 都可以直接在el-select上添加 style="width: 100%" 解决

复制代码
<el-select style="width: 100%" v-model="cats" multiple filterable placeholder="请选择分类">
.
.
.
</el-select>

OK,这样就又父级元素所在宽度决定了,父级宽度可自定义(一般不用)。

如果使用的是 element 添加 style="display: block" 也可以,原因是 element 是 float,elementPlus 是 flex

相关推荐
鲨莎分不晴12 分钟前
【实战】老项目焕发新生:从 Webpack 平滑迁移到 Vite 避坑全记录
前端·webpack·node.js
web小白成长日记34 分钟前
从零起步,用TypeScript写一个Todo App:踩坑与收获分享
前端·javascript·typescript
圣心1 小时前
Gemini 模型 介绍
前端
huangyiyi666661 小时前
前端-远程多选搜索框不能反显的问题解决
前端·javascript·vue.js·笔记·学习
敲敲了个代码1 小时前
让 Vant 弹出层适配 Uniapp Webview 返回键
前端·javascript·vue.js·学习·面试·uni-app
AOwhisky1 小时前
Ansible管理变量和事实(管理变量部分) & 部署文件到受管主机
前端·chrome·ansible
小二·2 小时前
Python Web 开发进阶实战:绿色软件工程 —— 构建低能耗、低碳排的可持续应用
开发语言·前端·python
hhcccchh2 小时前
学习vue第十四天 小白学父组件传递子组件(Props)
前端·vue.js·学习
派大鑫wink2 小时前
【Day32】Tomcat 服务器:安装、配置与 Web 应用部署
服务器·前端·tomcat
蜕变菜鸟2 小时前
数组参数赋值
linux·前端·javascript