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}>
相关推荐
用户86284129549446 分钟前
Flutter rxflare 响应式进阶:Map/List 精准字段更新(高性能实战)
前端·flutter
横木沉7 分钟前
高并发场景下的前端缓存与降级策略
大数据·前端·缓存
我命由我1234515 分钟前
VSCode - VSCode 自定义折叠区域
前端·javascript·ide·vscode·前端框架·编辑器·js
cc.ChenLy21 分钟前
Lottie-Web 技术指南:让动画开发更简单高效
前端
bug总结24 分钟前
前端流程图vueflow
前端·流程图
清水白石00826 分钟前
Python 数据建模指南:dataclass、TypedDict 与 Pydantic 的选型博弈
前端·javascript·python
ZC跨境爬虫28 分钟前
跟着 MDN 学CSS day_23:(表单与表格综合样式化实战)
前端·javascript·css·ui·html·tensorflow
国科安芯29 分钟前
AS32S601芯片抗辐照性能试验验证与空间环境适应性分析
前端·分布式·单片机·嵌入式硬件·架构·risc-v·安全性测试
波诺波33 分钟前
最小 SOFA XML 场景结构 0-base.scn
xml·java·前端
风骏时光牛马33 分钟前
基于Python实现智能聊天机器人完整代码案例
前端