p标签中使用英文时,发现单词被自动截断
解决一:
/*
首先想到的肯定是更改css选项
*/
word-wrap: break-word;
word-break: normal;
/*
固加入以上两行代码
结果还是不行,前前后后花费了10多分钟
*/
解决二:
/*
思来想去,方法一是没有问题的
那么就从检测元素中出现的 着手
直接删除 ,换成空格,ok,可以自动换行了
(O(∩_∩)O哈哈~,被自己笑到)
那么接下来就是使用正则表达式替换 就行了
*/
// 使用正则匹配 ,并存储为数组,然后马上使用join,用空格组合起来
let str = str.split(/\s+/).join(" ")
// 当然这条只是核心语句,如果是vue则直接写个函数,或者过滤器;如果是普通html,就使用js,操作dom元素
PS:另外出现这种情况的背景是:数据库中的数据是直接从pdf中复制过去的,个人猜测也许是中文全角空格的问题吧
Comments NOTHING