如何防止HTML删除空格?

时间:2017-02-26 15:20:48

标签: html text formatting tags format

    <p>This    is    a    paragraph</p>

变为

这是一个段落

但我希望它保持原样。像

This is a paragraph

我该怎么做?

5 个答案:

答案 0 :(得分:3)

如果您不想使用&nbsp;,可以使用类似

的内容

<p class="allspace">This is a paragraph</p>

.allspace { white-space: pre }

white-space:pre将使用空格格式化html。这种方法更好,因为它不需要多次使用&nbsp;

答案 1 :(得分:1)

使用:

<p>This &nbsp;&nbsp; is &nbsp;&nbsp; a &nbsp;&nbsp; paragraph</p>

<强>&安培; nbsp;

  

或者称为固定空间或硬空间,非破坏性   SPace(NBSP)用于编程,以及文字处理来创建   一行中的空格,不能被自动换行打破。

答案 2 :(得分:1)

使用&nbsp; - 这是一个不易破碎的空间。

例如:

<p>This&nbsp;&nbsp;&nbsp;&nbsp;is&nbsp;&nbsp;&nbsp;&nbsp;a&nbsp;&nbsp;&nbsp;&nbsp;paragraph</p>
  

不间断空间(也称为不间断空间 n on- b 可靠的 sp ace NBSP ),硬空间,或固定空间)是一个空格字符,可防止其位置自动换行。在某些格式中,包括HTML,它还可以防止连续的空格字符折叠到单个空格中。

答案 3 :(得分:1)

使用 function roll(){ for (i = 0; i < 4; i++) { setInterval(function(){ res = Math.floor(Math.random() * 10) + 1; /*document.getElementById("slot-" + res).style.border = "5px solid red"; document.getElementById("slot-" + res).style.color = "red";*/ document.getElementById("slot-" + res).className = "col-sm-2 slot-active"; }, 500); document.getElementById("slot-" + res).className = "col-sm-2 slot"; } }; 。例如:

&nbsp;

答案 4 :(得分:0)

相反,您可以使用<pre>标记。此标记用于指示预格式化的文本。代码标记包围正在标记的代码。

浏览器通常以固定音调字体呈现前文本,其中包含空格,并且没有自动换行。

<pre>hello world</pre>