取消文字对齐：对齐；对于文本的某些部分

Question

为防止部分文字换行，可以使用将部分包裹在中<span style="white-space: nowrap;">。

给定一段对齐的文本（text-align: justify），如何取消部分文本的对齐？我想使整个文本合理，但不允许增加两个特定单词之间的距离。

而不是像这样在第二行中均匀间隔：

Lorem ipsum dolor sit amet, consectetur |
adipiscing    elit.     Phasellus    et |
ullamcorperenim sed velit fermentum.    |

我想将“精采精英”一词保持在一起，如下所示：

Lorem ipsum dolor sit amet, consectetur |
adipiscing elit.      Phasellus      et |
ullamcorperenim sed velit fermentum.    |

这可能吗？

Answer 1

选项：

1. 使用FOUR-PER-EM SPACE U + 2005代替普通空间，例如adipiscing elit。无法保证浏览器将其视为不可拉伸的空间，但这实际上是他们所做的，并且这是很自然的事情。毕竟，它是固定宽度的空格之一。缺点：如果文本的主要字体不是Arial Unicode MS或其他一些特别的“丰富”字体，则在IE 6上通常会失败（显示一个小方框而不是一个空格）。
2. 将单词包装在一些内联标记中（通常为span），text-justify: none然后display: inline-block为其设置。缺点：在某些旧的浏览器上不起作用，并且将两个单词强制在一起（由于后者的声明，如果没有声明，则此方法在当前的浏览器上不起作用）。
3. 使用NO-BREAK SPACE代替普通空间。这样做通常效果很好，但缺点是必须将两个单词放在同一行上。但是例如，当前的Firefox将不间断视为可延展，这可悲的是。
4. 使用Web_Designer更新后的答案中的技术。我建议使宽度em值，使其与字体大小有关。空间的典型宽度为0.25em。