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}>
相关推荐
Ratten14 小时前
【Vben 解决】---- 跨页复选获取选择数据
前端
ssshooter14 小时前
为什么明明只有一个 12px 的小元素,父容器却有 63px 高?
前端·javascript·面试
IT_陈寒14 小时前
Python的GIL让我深夜加班,这破锁到底怎么折腾的
前端·人工智能·后端
乘风gg15 小时前
9 张 AI 生成的图,吃透任何一个前端项目
前端·ai编程·claude
moonsims15 小时前
低空量子无人机
前端·数据结构
breeze jiang15 小时前
React + WebGPU 在浏览器运行 DeepSeek:从 Worker 通信到流式生成
前端·javascript·react.js
a11177615 小时前
家居生成器 Cartoon 开源项目 3D web
前端·开源
小林ixn15 小时前
前端卡顿终结者:用 useRef 把 Web Worker 请进 React 项目
前端·react.js·前端框架
sunly_15 小时前
React 三个重要概念:Ref、Props、State 详解
前端·javascript·react.js
weixin_4316004415 小时前
前端对接 SSE 的两种常见方式
前端·后端·学习·ai·sse·nest.js