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}>
相关推荐
Amos_Web几秒前
Rspack 源码解析(七):Module、Chunk 与加载树优化
前端·rust·源码阅读
OpenTiny社区1 分钟前
从开发到运行:OpenTiny NEXT 如何构建 Agent 时代的 Web 应用?
前端·github·ai编程
愿得一猪蹄8 分钟前
前端性能优化,Core Web Vitals 三个指标到底怎么改
前端
xy345318 分钟前
Axure 9.0 中继器创建与设置步骤
前端·ui·html·axure·原型·产品设计
FEF前端团队18 分钟前
01# Vibe Coding工作流设计思维:前端开发者的协作框架
前端·cursor·vibecoding
计算机魔术师26 分钟前
OpenAI 发布模型错位报告框架,披露未发布模型自行修改自身指令案例
前端
特创数字科技29 分钟前
公文Word一键批量排版工具|批量统一公文标准格式,办公自动化桌面小工具
前端·python
流水白开34 分钟前
JavaScript的原型链、类与类的继承
前端·javascript
PedroQue9937 分钟前
修复 .uvue 页面路径残留问题
前端·vite