技术栈

react antd下拉选择框选项内容换行

six666672023-11-19 13:15

下拉框选项字太多,默认样式是超出就省略号,需求要换行全展示,选完在选择框里还是要省略的

.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}>
上一篇:数据结构-插入排序+希尔排序+选择排序
下一篇:用深度学习预测股市涨跌之学习记录
相关推荐
1024小神
14 分钟前
nextjs项目build导出静态文件
前端·javascript
阿聪_
14 分钟前
createContext 还是 useSyncExternalStore?一文讲清场景与选型
前端
Linsk
17 分钟前
当我把前端条件加载做到极致
前端·前端工程化
_辉
17 分钟前
大模型构建表单与数据结构
前端
祝鹏
19 分钟前
动态表单生成
前端
luckyJian
19 分钟前
React深入浅出理解
前端
是一碗螺丝粉
20 分钟前
拯救你的app/小程序审核!一套完美避开审核封禁的URL黑名单机制
前端·javascript·微信小程序
littleding
21 分钟前
Vue3之计算属性
前端·vue.js
VincentHe
22 分钟前
利用豆瓣rss生成(伪)纯静态影单
前端
Juchecar
22 分钟前
采用 Vue 3 实现单页应用(SPA)与本地数据存储方案
前端·javascript·vue.js
热门推荐
01UV安装并设置国内源02KGG转MP3工具|非KGM文件|解密音频03【2025.08.06最新版】Android Studio下载、安装及配置记录(自动下载sdk)04Qwen3-Coder 快速上手教程 | Qwen Code + Claude Code052025最新国内服务器可用docker源仓库地址大全(2025年8月更新)06蜘蛛磁力 搜索引擎大全,如何使用蜘蛛磁力查找磁力链接07TRAE Rules 实践:为项目配置 6A 工作流08TRAE 规则(Rules)配置指南:个人习惯、团队规范与最佳实践09全球最强模型Grok4,国内已可免费使用!(附教程)10NVIDIA显卡驱动、CUDA、cuDNN 和 TensorRT 版本匹配指南