如何从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&nbsp;are&nbsp;you</span></p>CSS：p&nbsp;span&nbsp; { &nbsp;&nbsp;&nbsp;&nbsp;display:&nbsp;block;}

Answer 2

您可以使用white-space: pre;以使元素行为<pre>，保留换行符。例：<style> &nbsp;p&nbsp;{ &nbsp;&nbsp;white-space:&nbsp;pre; &nbsp;}</style><p>helloHow&nbsp;are&nbsp;you</p>请注意，这在IE6或IE7中不起作用。我不知道IE8。