是否可以锁定某些单词以免在<p>中移动

Question

<p>Hello I'm a potato and i like to eat fishes</p>

假设上面的代码显示如下：

你好，我是马铃薯
而且我喜欢吃鱼

当我调整大小时，它看起来像

你好，我是
我喜欢土豆
吃鱼

我想要的是即使调整大小，“ Hello”也总是在“ and”上方。

表示上面的示例将显示：

你好，我是马铃薯
我喜欢
吃鱼

是否可以不使用<br>？

Answer 1

您可以将文本换成跨距并使其显示为块：

span {
  display:block;      /* makes each span have it's own line */
  white-space:nowrap; /* will keep all the spans on their own line */
}

<p><span>Hello i'm a potato</span> <span>and i like to</span> <span>eat fishes</span></p>