技术栈

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}>
上一篇:数据结构-插入排序+希尔排序+选择排序
下一篇:用深度学习预测股市涨跌之学习记录
相关推荐
兆子龙
13 分钟前
你不会使用 CSS 函数 clamp()?那你太 low 了😀
前端·javascript
兆子龙
14 分钟前
前端性能优化终极清单:从 3 秒到 0.5 秒的实战经验
前端·javascript
兆子龙
16 分钟前
babel-loader:让你的 JS 代码兼容所有浏览器
前端
百万蹄蹄向前冲
17 分钟前
支付宝 VS 微信 小程序差异
前端·后端·微信小程序
兆子龙
21 分钟前
JavaScript 的 Symbol.iterator:手写一个可迭代对象
前端
NGC_6611
21 分钟前
ArrayList扩容机制
java·前端·算法
独泪了无痕
6 小时前
使用Fetch API 探索前后端数据交互
前端·http·交互设计
css趣多多
6 小时前
别名路径的知识点
前端
靓仔建
8 小时前
Vue3导入组件出错does not provide an export named ‘user_setting‘ (at index.vue:180:10)
开发语言·前端·typescript
热门推荐
01GitHub 镜像站点02OpenClaw 使用和管理 MCP 完全指南03本地部署 OpenClaw + DeepSeek-R1 完全指南04Qwen3.5 开源全解析:从 0.8B 到 397B,代际升级 + 全场景选型指南05OpenClaw 飞书机器人不回复消息?3 小时踩坑总结06OpenClaw macOS 完整安装与本地模型配置教程(实战版)07得物前端部门,没了08OpenClaw 连接飞书完整指南:插件安装、配置与踩坑记录09Window 10部署openclaw报错node.exe : npm error code 12810OpenClaw 接入 QQ Bot 完整实践指南