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}>
相关推荐
LCG元20 分钟前
STM32实战:基于STM32F103的智慧教室环境监控系统(CO₂+光照+人数统计)
前端·stm32·嵌入式硬件
yqcoder32 分钟前
Vue 的心脏:深度解析 Vue 2 vs Vue 3 响应式机制
前端·javascript·vue.js
东方小月40 分钟前
Claude Code Skill 完全指南:一个 markdown 文件,就是一个专家分身
前端·后端
DianSan_ERP1 小时前
抖店订单接口中消费者信息加密解密机制与安全履约全解析
前端·网络·数据库·后端·安全·团队开发·运维开发
PBitW1 小时前
一个skill,让项目管理和写绩效变得简单!
前端·trae
Dxy12393102161 小时前
CSS中的filter属性详解
前端·css
Vincent_czr2 小时前
iOS中常常遇到后端返回JSON出现null值问题
前端
问心无愧05132 小时前
ctf show web入门90
前端·笔记
yingyima2 小时前
午夜惊魂:用 Shell 脚本和 Hey Cron 解决服务器定时报警
前端
青山Coding2 小时前
Cesium应用(五):通视分析,解锁三维场景的”无遮挡“视野
前端·cesium