react antd下拉选择框选项内容换行

下拉框选项字太多,默认样式是超出就省略号,需求要换行全展示,选完在选择框里还是要省略的

.less:

css 复制代码
.aaaDropdown {
    :global {
        .ant-select-dropdown-menu-item {
            white-space: pre-line !important;
            word-break: break-all !important;
        }
    }
}

html部分:

html 复制代码
<Select dropdownClassName={styles.aaaDropdown}>
相关推荐
AI_零食9 小时前
番茄钟鸿蒙PC Electron框架完成:状态机、定时器管理与专注力工具设计
前端·javascript·华为·electron·开源·鸿蒙·鸿蒙系统
提子拌饭1339 小时前
逛三园游戏——基于鸿蒙PC Electron框架实现
前端·javascript·游戏·华为·electron·鸿蒙
llz_1129 小时前
web-第三次课后作业
前端·后端·web
遗憾随她而去.9 小时前
Web地图全体系深度梳理:引擎、数据源、图层、投影核心知识
前端
爱因斯坦乐10 小时前
Vue项目整合
前端·javascript·vue.js
无风听海10 小时前
IndexedDB 深度指南 浏览器中的事务型对象数据库
前端·数据库
ct97811 小时前
组件间的通信
前端·javascript·vue.js
左手吻左脸。11 小时前
Vue 全栈面试题大全(2026 最新版最详细)
前端·javascript·vue.js
Aphasia31111 小时前
手写KeepAlive组件
前端·react.js·面试
两个西柚呀11 小时前
js中的同步和异步,三种处理异步任务的方式
前端·javascript