的回答写亿点点补充，尽量写得不那么晦涩以及不误人子弟吧。

如果你只是使用默认的HTML引擎渲染一个段落，直接把一大段文字扔给p元素就好，引擎会使用一个默认算法去排个差不多式样的。但是像Google Docs这样，做一个类似Word的富文本编辑环境，还要给用户以修改排版样式的能力，那就需要亲自造轮子，设计算法去处理排版的细节，难度呈几何级数上升。

加ZWNJ，也许还是个不错的曲线救国方法。比如打算在富文本编辑器里实现“左对齐”、“右对齐”、“居中”、“分散对齐”，不上CSS的text-align属性时，怎么办？一种可行的策略是针对每种需求将一部分或者全部ZWNJ替换成额外的DOM元素，并把它们的宽度都挨个算出来。

再比如，题图中列出了三种类型的ZWNJ序列，猜测它们的用法分别是：

• 单独的ZWNJ字符，在汉字和标点符号之间，用于断行或者分散对齐；
• 英文单词之间的ZWNJ+SPACE+ZWNJ序列，如果不断行的话正常保留这个序列，或者视排版需要把ZWNJ换成带宽度的DOM盒子；如果断行的话，整个序列直接扔掉，SPACE是不留的；
• 段尾的ZWNJ*2，作为段落结束的一种标记。

注意文字元素是span不是p，不做段落结束的额外标记的话，它很可能不太好帮你处理分段的事情；另外span的white-space属性设置成了pre，忠实地保留了所有空白字符。

当然我的猜测不一定对，在F12里能看到所有的ZWNJ的话，有可能只是给原文加了ZWNJ之后仍然交给原来的引擎去排。不过如果这么干，对排版效果的影响其实有限。

因为浏览器里面，没有glue和penalty的概念，所以就只能这么干了。

从我的角度上看，能接受，但是dirty trick。

亦同理，浏览器里面也是没有italic correction的，这是昨天跟 聊天，他提到的。

正经的unicode专家，和我这业余排版的技术人员的一点看法，仅供参考。