如何在不使用 <br /> 的情况下从 css 换行？

Question

如何在没有 <br> 的情况下实现相同的输出？

 <p>hello <br> How are you </p>

输出：

你好
你好吗

原文由 Jitendra Vyas 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

不可能使用相同的 HTML 结构，您必须有一些东西来区分 Hello 和 How are you 。

我建议使用 span s，然后您将显示为块（就像 <div> 实际上）。

 p span {
  display: block;
}

 <p><span>hello</span><span>How are you</span></p>

原文由 Vincent Robert 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

您可以使用 white-space: pre; 使元素表现得像 <pre> ，它保留换行符。例子：

 p {
  white-space: pre;
}

 <p>hello
How are you</p>

请注意，对于 IE，这仅适用于 IE8+。

原文由 Joey Adams 发布，翻译遵循 CC BY-SA 4.0 许可协议