css - 仅使用 CSS 将文本分成偶数行长度

Question

我有一个应用了 text-align: center 的 div。它应该能够包含各种可能会或可能不会换行的文本。当它换行时，我希望每行的长度大致相同，所以它会显示:

The quick brown fox jumps

over the lazy dog.

代替:

The quick brown fox jumps over the lazy

dog.

基本上，我正在寻找一种纯 CSS 方法来自动将分隔符放在文本中心附近。

我知道有 JavaScript 解决方案，我目前已经实现了服务器端解决方案，但我一直在努力学习更多 CSS 以使将来的事情更加灵活。

Answer 1

我很确定你不能用 css 做到这一点，但你可以用 html 控制没有断点。

<nobr>The quick brown fox jumps</nobr><nobr>over the lazy dog.</nobr>

应该给你你想要的结果。您也可以在不想换行的单词之间插入  ，例如:The quick brown fox jump over the lazy dog。 会给你同样的结果。