CSS 单词不换行

搜到的一大堆结果是

white-space:normal;
word-wrap: break-word; 

也许我针对的不是英语单词吧，调了好久没调出效果来，单词还是换行

最后找到了这个

word-break: keep-all;

完美解决

这里介绍一下word-break：

定义和用法

word-break 属性规定自动换行的处理方法。

提示：通过使用 word-break 属性，可以让浏览器实现在任意位置的换行。

实例

在恰当的断字点进行换行：

p.test {word-break:hyphenate;}

CSS 语法

word-break: normal|break-all|keep-all;

属性值

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

技术细节

默认值：	normal
继承性：	yes
版本：	CSS3
JavaScript 语法：	object.style.wordBreak="keep-all"

浏览器支持

表格中的数字注明了完全支持该属性的首个浏览器版本。

Chrome	IE / Edge	Firefox	Safari	Opera
4.0	5.5	15.0	3.1	15.0