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}>
相关推荐
QD_ANJING1 天前
普及一下五月AI前端面试需要达到的强度....
前端·javascript·vue.js·人工智能·面试·职场和发展
AI自动化工坊1 天前
Chrome DevTools MCP:让AI编码代理获得浏览器调试能力
前端·人工智能·chrome devtools
ZC跨境爬虫1 天前
跟着 MDN 学 HTML day_26:(DOM 的树形结构与节点导航)
前端·ui·html·音视频·视频编解码
2601_953465611 天前
纯前端高性能!m3u8live.cn 重新定义 M3U8 在线播放与调试体验
开发语言·前端·javascript·m3u8
天若有情6731 天前
从零搭建局域网手机遥控电脑网页项目,吃透工程化与架构设计思维
服务器·前端·数据库·算法·开源·node·工程化
weiabc1 天前
整数最接近等因数分解函数(汇编优化版)
开发语言·前端·javascript
小满zs1 天前
Next.js身份验证(better-auth)
前端·seo·next.js
IMPYLH1 天前
Linux 的 truncate 命令
linux·运维·服务器·前端·bash
invicinble1 天前
前端框架使用vue-cli( 第一层:依赖与环境层)
前端·vue.js·前端框架
七七powerful1 天前
mac电脑安装cmca根证书
java·前端·macos