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}>
相关推荐
想风3 分钟前
Claude Code 实用技巧工作坊 —— Boris Cherny
前端·后端·github
梦想blog5 分钟前
Claude Code + Chrome MCP:让浏览器自动化测试更简单
前端·chrome·自动化·mcp
YHHLAI6 分钟前
React `useState` 深入浅出
前端·javascript·react.js
夜猫子小强8 分钟前
手搓一个「本地邮件摘要」工具:零依赖、数据不出电脑
前端
PBitW10 分钟前
Element plus 自定义列顺序 —— 求指点
前端·element
绿岛之北10 分钟前
Electron 安全第五章:网络请求安全
前端·electron
深漂的华哥12 分钟前
Ruoyi-Vue-Plus(V5.6.2) 开发环境搭建
java·前端·spring boot·后端·spring·ruoyi
YIAN15 分钟前
TS 面试必考题:type 与 interface 的 6 大核心区别,90% 的人答不全
前端·typescript
Canace17 分钟前
Fable 像素游戏复盘,Vibe Coding 的 10 条工程规则与赛车 Demo 实践
前端·人工智能·游戏开发
xx240620 分钟前
智慧园区前端技能
前端