[Bug Report] Message content is too long and does not wrap

[Wxh16144]

Element UI version

2.13.1

OS/Browsers version

Win10 64/ Chrome 81.0.4044.138（正式版本） （64 位）

Vue version

2.6.11

Reproduction Link

https://codepen.io/wxh16144/pen/yLYEKLj

Steps to reproduce

内容过长不换行

this.$message('ABC'.repeat(100));

中文换行

this.$message('中文'.repeat(100));

建议添加css属性 word-break

Thanks

What is Expected?

允许在单词内换行

What is actually happening?

中文线上正常

[element-bot]

Translation of this issue:

Element UI version

2.13.1

OS/Browsers version

Win10 64 / Chrome 81.0.4044.138 (official) (64 bit)

Vue version

2.6.11

Reproduction Link

https://codepen.io/wxh16144/pen/yLYEKLj

Steps to reproduce

Content is too long to wrap

this.$message('ABC'.repeat(100));

` ` ` `
Chinese new line

```javascript
This. $message ('Chinese '. Repeat (100));

` ` ` `
Suggest adding CSS property ` word break`

Thanks
### What is Expected?

Allow wrapping within words
### What is actually happening?

Chinese online normal

[Wxh16144]

还包括 notify

this.$notify({
  title: '警告',
  message: '1,2,2,4'.repeat(100),
  duration: 0
});

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.