如何从css换行，不使用<br />？

Question

如何从css换行，不使用<br />？输出：你好，你好吗？码：<p>hello <br> How are you </p>如何实现相同的输出<br>？

Answer 1

不可能使用相同的HTML结构，你必须要区分Hello和How are you。

我建议使用spans然后你将显示为块（就像<div>实际上一样）。

HTML：

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

CSS：

p span 
{
    display: block;}

Answer 2

您可以使用white-space: pre;以使元素行为<pre>，保留换行符。例：

<style>
 p {
  white-space: pre;
 }</style><p>helloHow are you</p>

请注意，这在IE6或IE7中不起作用。我不知道IE8。