如何用CSS避免一行中出现孤儿词？

Question

我所说的孤儿词是指一行中的一个单词。是否可以借助 CSS 来避免任何只有一个单词的行？

例如 SERUM 是一个孤立词：

ECSTASY OF EXISTENCE FIRMING ANTIOXIDANT BODY
SERUM

它应该看起来像这样

ECSTASY OF EXISTENCE FIRMING ANTIOXIDANT
BODY SERUM

Answer 1

 防止两个单词断行的一种快速而简单的方法是在单词之间插入不间断空格

ECSTASY OF EXISTENCE FIRMING ANTIOXIDANT BODY SERUM

它在前端不可见，但即使有足够的空间仅容纳其中一个单词，这些单词也会保留在一起。

ECSTASY OF EXISTENCE FIRMING ANTIOXIDANT BODY SERUM

Answer 2

这还没有最好的浏览器支持，但您可以使用它text-wrap: pretty;来避免孤儿。

CSS

p {
  text-wrap: pretty;
}

超文本标记语言

<p>ECSTASY OF EXISTENCE FIRMING ANTIOXIDANT
BODY SERUM</p>