是否存在不产生空格的非换行HTML实体？

当然有！刚好有个专门解决你这种场景的实体，我之前处理类似需求的时候也折腾了好一阵才挖到它。

你要找的是单词连接符（Word Joiner），对应的HTML实体是 ⁠（十进制写法）或者 ⁠（十六进制写法）。它是个零宽的不可见字符，唯一的作用就是阻止它两边的内容被换行分隔开，而且完全不会产生任何空格，完美匹配你的需求！

用法也很简单，把它放在连字符的前后就行，比如写成：
hyphenated⁠-⁠word

这样整个hyphenated-word就不会在连字符的位置换行，同时连字符和前后字母之间也不会有多余的空格，显示效果和原本的单词完全一致。

另外还有个备选：零宽非断空格（Zero-Width Non-Breaking Space），实体是 ⁡（十进制）或者 ⁡（十六进制），作用和单词连接符几乎一样，现代浏览器也都支持。不过单词连接符在语义上更贴合“连接单词避免换行”的场景，推荐优先使用它。

小提醒：一些非常老旧的浏览器（比如IE8及更早版本）可能对这些实体支持不佳，但如果你的用户群体都是现代浏览器用户，完全不用顾虑。

内容来源于stack exchange