
【VUE+Element】 show-overflow-tooltip内容过长时显示不全
发布日期:2021-05-17 18:00:28
浏览次数:16
分类:精选文章
本文共 469 字,大约阅读时间需要 1 分钟。
为了解决下拉菜单选项过长导致的滚动条问题,可以通过修改公共CSS来设置最大宽度,避免内部分布过于宽广。以下是具体的修改建议:
首先,针对el-select-dropdown
容器元素,我们可以设置一个最大宽度,以确保下拉菜单在展开时不会超过预期范围。例如:
.el-select-dropdown { max-width: 243px;}
接着,针对下拉菜单中的每个选项,可通过设置display: inline-block
确保它们以默认方式在行内显示。这样可以避免选项内容叠加或溢出问题。
.el-select-dropdown__item { display: inline-block;}
最后,为了确保每个选项的最小宽度达到规范,可以单独设置选项内部的内容宽度。例如:
.el-select-dropdown__item span { min-width: 205px;}
通过以上设置,可以有效解决下拉菜单选项内容过长导致的渲染问题。这样一来,下拉菜单将在显现时自动撑开,而不会出现滚动条,确保用户体验的流畅性。
发表评论
最新留言
能坚持,总会有不一样的收获!
[***.219.124.196]2025年04月25日 23时52分26秒
关于作者

喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
HashMap类、HashSet
2019-03-11
HashTable类
2019-03-11
TreeSet、TreeMap
2019-03-11
JVM内存模型
2019-03-11
可变长度参数
2019-03-11
堆空间常用参数总结
2019-03-11
3、条件查询
2019-03-11
cordova打包apk更改图标
2019-03-11
GitHub上传时,项目在已有文档时直接push出现错误解决方案
2019-03-11
页面置换算法
2019-03-11
文件系统的层次结构
2019-03-11
减少磁盘延迟时间的方法
2019-03-11
vue(渐进式前端框架)
2019-03-11
权值初始化和与损失函数
2019-03-11
vscode设置eslint保存文件时自动修复eslint错误
2019-03-11
最大半连通子图
2019-03-11
Remove Extra one 维护前缀最大最小值
2019-03-11
GitHub完整记录数据库GHTorrent的下载和安装经验
2019-03-11
Android进阶解密读书笔记2——第2章:Android系统启动——第1、2小节
2019-03-11
Gradle实战四:Jenkins持续集成
2019-03-11