关于’&nbsp’导致长英文字符串不换行

最后更新于 2020-10-09 795 次阅读


p标签中使用英文时,发现单词被自动截断

解决一:

/*
首先想到的肯定是更改css选项
*/
word-wrap: break-word;
word-break: normal;
/*
固加入以上两行代码
结果还是不行,前前后后花费了10多分钟
*/

解决二:

/*
思来想去,方法一是没有问题的
那么就从检测元素中出现的&nbsp着手
直接删除&nbsp,换成空格,ok,可以自动换行了
(O(∩_∩)O哈哈~,被自己笑到)

那么接下来就是使用正则表达式替换&nbsp就行了
*/
// 使用正则匹配&nbsp,并存储为数组,然后马上使用join,用空格组合起来
let str = str.split(/\s+/).join(" ")

// 当然这条只是核心语句,如果是vue则直接写个函数,或者过滤器;如果是普通html,就使用js,操作dom元素

PS:另外出现这种情况的背景是:数据库中的数据是直接从pdf中复制过去的,个人猜测也许是中文全角空格的问题吧

  • alipay_img
  • wechat_img
此作者没有提供个人介绍
最后更新于 2020-10-09