Froala-editor 关于css文字换行
2020-10-14 本文已影响0人
Asuler
![](https://img.haomeiwen.com/i7852092/29e19665fadfcd36.png)
富文本编辑器里面出现了一个很奇怪的现象,就是输入这么一长串字的时候,不会自动换行,看了一下
![](https://img.haomeiwen.com/i7852092/40267d7a840d5cbe.png)
这个
word-wrap
为什么好端端的就被划掉了,检查了一下,没有覆盖这个的其他样式,很奇怪但也只能手动给这个fr-element
加上word-break: break-all;
查阅了一下发现,
![](https://img.haomeiwen.com/i7852092/1b281b29011c52fd.png)
是因为这么多字母连在一起,被认为是一个单词,就好比被认为是一个中文字,
难怪,一个中文字怎么换行,难道要拆成偏旁换行吗。
为了验证这个猜想,中间敲了一个空格
![](https://img.haomeiwen.com/i7852092/fe659b999bdb0b4f.png)
自动给你换行了没问题,敲了空格后把那段英文拆开了,被认为是两个单词,就会自动换行了,这个时候
word-wrap
还是被划线了,很奇怪,但是证明了这个溢出,不是个bug,是因为输入的文字不正常导致的,实在不希望这个溢出的情况出现,就word-break: break-all;
即可,