html文本中的新行

Question

我正在尝试在我的html网站上放置一些文字，并且里面有空格。

<div class="text">

text text   

</div>

当我打开网站时，它不会将其显示为空格，但它会转到2个单词之间的新行。如何输入空格？

Answer 1

您可以使用<br>元素。

top stuff
<div class="text">
  <br>
  text text   
  <br>
  <br>
  more text
<div>

您可以在此处详细了解<br>：https://developer.mozilla.org/en/docs/Web/HTML/Element/br

JSFiddle

请注意，您需要两个br来分隔两行文本，另一个用于等同于回车。无，将第二行放在第一行之上。

Answer 2

如果您想保留div中的空格，可以使用white-space: pre：

＆＃13;

＆＃13;

.text{ white-space: pre; }

＆＃13;

<div class="text">

text text   

</div>

＆＃13;

＆＃13;

＆＃13;