css div块标签内的多个英语单词怎样设置换行

背景：

在<div>标签内，当接口返回的字符串全是英文字母，不会自动换行。

原因：查过相关资料后才知道，只有英文文本才会出现不能自动换行的情况，（中文不存在）而原因是因为英文文本之间没有加空格，浏览器会认为这是一个特别长的单词。

解决办法：

word-break: break-all;  //强制英文单词断行

话不多说，先看实现效果：

核心代码：

//css
        word-wrap: break-word;
        word-break: break-all;
        text-align: justify;

效果实现了，下面是一些理论知识：

1. word-wrap: break-word;  //自动换行
2. white-space:nowrap;  //强制不换行
3. word-break: break-all;  //强制英文单词断行

备注：第1点自动换行，可用于中文字符串的div，但是用于英文字符串的div不生效。通过第3点的强制英文单词断行，才可以实现。