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}>
相关推荐
IT_陈寒6 分钟前
5个Vue3性能优化技巧,让你的应用提速50% 🚀(附实测对比)
前端·人工智能·后端
god009 分钟前
chromium项目中添加源文件(BUILD.gn项目中添加源文件)
java·服务器·前端
快乐非自愿18 分钟前
Vue 缓存之坑,变量赋值方式和响应式数据
前端·vue.js·缓存
Github掘金计划19 分钟前
别再用 “臃肿监控” 了!这款轻量监控神器开源 3 月狂揽 1.3k Star!
前端·监控
努力学习的少女23 分钟前
SpaekSql函数
前端·数据库
摸着石头过河的石头28 分钟前
错误处理:构建健壮的 JavaScript 应用
前端·javascript
w_y_fan42 分钟前
flutter_native_splash: ^2.4.7
android·前端·flutter
穿花云烛展1 小时前
项目实战4:奇思妙想console
前端
穿花云烛展1 小时前
项目实践3:一个冲突引起的灾难
前端·github
代码小学僧1 小时前
windows 电脑解决 Figma 提示 PingFang font missing 问题
前端·设计师