连续没有空格英文或数字换行解决方案

自动换行问题,正常字符(单词之间有空格)的换行是比较合理的。
而连续的数字和英文字符常常将容器撑大，这种情况往往不是我们想要的。

换行的css解决方法一般有：
1、overflow: hidden;
这种是超出边界的直接隐藏

2、使用word-wrap

值	描述
normal	只在允许的断字点换行（浏览器保持默认处理）。
break-word	在长单词或 URL 地址内部进行换行。

 

3、使用word-break

值	描述
normal	使用浏览器默认的换行规则。
break-all	允许在单词内换行。
keep-all	只能在半角空格或连字符处换行

word-break用来控制断词
(1)normal
(2)break-word：此值用来强制换行，内容将在边界内换行，中文没有任何问题，英文语句也没问题。但是对于长串的英文或数据，不起作用。
   
word-break
break-all：是断开单词。在单词到边界时，下个字母自动到下一行。主要解决了长串英文的问题。