防止文本流入新行？

Question

我的段文本包含在具有特定最大宽度像素值的div中。

这一段的最后一句话尴尬地开始了一个新的界限。我想为这个单词分配一个类，这样就可以忽略div限制并在同一行上溢出。

有没有这样做的方法？谢谢！

<div class="description"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
    <p>&nbsp;</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>  


  .description p {
  max-width: 700px; }

在这里的例子中，“elit”这个词无论如何都会保持在同一条线上。

Answer 1

您可以使用：

p { white-space: nowrap; }

此代码将使文本在一行。

Answer 2

我不相信有一种方法可以用纯CSS做到这一点，前提是你不希望整个段落是一行。

您可以使用html中的非中断空格 替换最后两个单词之间的空格字符。或者将最后两个单词放在已设置nowrap的范围内。这两种方法都会使最后一行至少有两个单词。