将一行文本保持为一行 - 包裹整行或根本不包括整行

Question

我想把一行文字放在一起,这样整行都会掉线或根本没有掉线

可接受

How do I wrap this line of text - asked by Peter 2 days ago

可接受

How do I wrap this line of text 
- asked by Peter 2 days ago

不能接受的

How do I wrap this line of text - asked by Peter 
2 days ago

这在CSS中是否可以实现？

Answer 1

您可以使用它white-space: nowrap;来定义此行为:

// HTML:

.nowrap {
  white-space: nowrap ;
}

<p>
      <span class="nowrap">How do I wrap this line of text</span>
      <span class="nowrap">- asked by Peter 2 days ago</span>
    </p>

// CSS:
.nowrap {
  white-space: nowrap ;
}