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}>
相关推荐
css趣多多1 小时前
vue3的组件间通信ref子组件需要把父组件要的ref数据开放
前端·javascript·vue.js
我是伪码农2 小时前
Vue 2.10
前端·javascript·vue.js
AAA阿giao2 小时前
React 性能优化双子星:深入、全面解析 useMemo 与 useCallback
前端·javascript·react.js
不想秃头的程序员2 小时前
父传子全解析:从基础到实战,新手也能零踩坑
前端·vue.js·面试
大时光2 小时前
gsap 配置解读 --5
前端
Wect2 小时前
LeetCode 25. K个一组翻转链表:两种解法详解+避坑指南
前端·算法·typescript
shadowingszy2 小时前
【前端趋势调查系列】带你看看前端生态圈的技术趋势state-of-js 2025详细解读
前端·javascript·vue.js
@菜菜_达2 小时前
CSS是什么?
前端·css
2301_796512522 小时前
【精通篇】打造React Native鸿蒙跨平台开发高级复合组件库开发系列:Sticky 粘性布局(始终会固定在屏幕顶部)
javascript·react native·react.js·ecmascript·harmonyos
Amumu121382 小时前
CSS基础选择器
前端·css