HTML英文字符串折行不拆散单词

默认渲染出来会超出div

设置完 word-wrap: break-word; 

可以看到有些边界的单词背拆散了，是因为我们的HTML字符串中有空格字符   

将这个字符取掉 再看下效果  

去空格字符方法：

const asciiChartSet_en2c = {
    ' ': ' ',
    '!': '!',
    '"': '"',
    '#': '#',
    '$': '$',
    '%': '%',
    '&': '&',
    ''': '\'',
    '(': '(',
    ')': ')',
    '*': '*',
    '+': '+',
    ',': ',',
    '‐': '-',
    '.': '.',
    '/': '/',
    ':': ':',
    ';': ';',
    '&lt;': '<',
    '&equals;': '=',
    '&gt;': '>',
    '&quest;': '?',
    '&commat;': '@',
    '&lsqb;': '[',
    '&bsol;': '\\',
    '&rsqb;': ']',
    '&circ;': '^',
    '&lowbar;': '_',
    '&grave;': '`',
    '&lcub;': '{',
    '&verbar;': '|',
    '&rcub;': '}',
    '&tilde;': '~',
    '&ldquo;': '“',
    '&rdquo;': '”',
    '&hellip;': '…',
}

window.asciiToString = (e) => {
    const newStr = e.replace(/(&.+?;)/g, function (matched) {
        const rs = asciiChartSet_en2c[matched];
        return rs == undefined ? matched : rs;
    });
    return newStr
}