Open yaowangmx opened 5 months ago
Bug Type: Component
Component
3.4.21
2.6.3
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0.0.0 Safari/537.36
Vite
el-notification
Element Plus Playground
title与messages设置为同一个字母比如:AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
通知组件样式正常换行显示
文本没有换行
解决方法: .el-notification { .el-notification__icon { flex-shrink: 0; } .el-notification__group { flex: 1; width: 0; .el-notification__title, .el-notification__content p { word-wrap: break-word !important; word-break: normal !important; } } }
.el-notification { .el-notification__icon { flex-shrink: 0; } .el-notification__group { flex: 1; width: 0; .el-notification__title, .el-notification__content p { word-wrap: break-word !important; word-break: normal !important; } } }
你可以试着自己提交 PR 的
Bug Type:
Component
Environment
3.4.21
2.6.3
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0.0.0 Safari/537.36
Vite
Reproduction
Related Component
el-notification
Reproduction Link
Element Plus Playground
Steps to reproduce
title与messages设置为同一个字母比如:AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
What is Expected?
通知组件样式正常换行显示
What is actually happening?
文本没有换行
Additional comments
解决方法:
.el-notification { .el-notification__icon { flex-shrink: 0; } .el-notification__group { flex: 1; width: 0; .el-notification__title, .el-notification__content p { word-wrap: break-word !important; word-break: normal !important; } } }