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}>
相关推荐
stringwu12 小时前
Flutter GetX 核心坑及架构选型与可替换性方案
前端·flutter
耗子君QAQ12 小时前
为什么 AI 写代码也需要说明书?
前端·javascript·ai编程
h_654321012 小时前
公告/消息提示从右向左循环滚动vue
前端·javascript·vue.js
Lyyaoo.12 小时前
JWT 令牌(待更新)
java·前端·javascript
weixin_4367778713 小时前
el-select的label没有没有反显怎么办?
开发语言·前端·javascript
暗不需求13 小时前
React项目架构深度解析:从0到1理解现代前端工程化
前端·javascript·react.js
孙凯亮13 小时前
Electron 项目终极实战总结:从黑屏踩坑到自动更新全流程
前端·electron
jiayong2313 小时前
第 40 课:任务详情抽屉里的编辑 / 删除联动强化
java·开发语言·前端·javascript·vue.js·学习
胡志辉13 小时前
前端反调试:常见套路、识别方法与绕过思路
前端·安全
°青13 小时前
JavaScript 核心知识点(四)
开发语言·前端·javascript