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}>
相关推荐
夕除12 小时前
js--22
前端·javascript·python
南雨北斗13 小时前
TypeScript 配置文件 `tsconfig.json`
前端
木斯佳13 小时前
前端八股文面经大全:万兴科技前端实习一面(2026-2-3)·面经深度解析
前端·科技
yuki_uix13 小时前
别让 AI 骗了:这些状态管理工具真的适合你吗?
前端·ai编程
日月云棠13 小时前
UE5 打包后 EXE 程序单实例的两种实现方法
前端·c++
滕青山13 小时前
Base64编码/解码 核心JS实现
前端·javascript·vue.js
Novlan114 小时前
@tdesign/uniapp 常见问题
前端
sww_102614 小时前
SAA ReactAgent工作原理
开发语言·前端·javascript
linux_cfan14 小时前
拒绝“黑屏”与“哑剧”:Web视频播放器UX体验与自动播放选型指南 (2026版)
前端·javascript·音视频·html5·ux
小庄梦蝶14 小时前
宝塔使用nodejs管理器下载nodejs版本失败解决方式之一
linux·运维·前端