css 处理换行问题

css 处理纯英文、纯数字的换行问题

上图比较明显点

当数字或者英文中带有汉字时，会从汉子处自动换行，而纯汉字也可自行换行，主要解决为 word-wrap 和 word-break

word-wrap用来控制换行

• normal 无效
• break-word 用来强制换行，内容将在边界内换行，中文没问任何问题，英文也没有任何问题，但是对于长串的英文不会起作用

word-break 用来控制断词

• normal
• break-all 断开单词，在单词到边界时，下一个字母自动到下一行，主要解决英文的长串问题
• keep-all 指 Chinese、Korean,不断词，一句话一行

解决办法

可以才css中添加

word-wrap:break-word;
word-break:break-all;