如何在HTML页面中保留空格和换行符

发布网友发布时间：2022-04-23 15:44

共4个回答

热心网友时间：2022-04-06 05:13

对于html内置的内联级标签以及表单元素标签，源代码中连续几个内联级标签中的换行在浏览器中会被解释为一个空格。
包括ie和ff。而这个空格是会被当作一个空白节点（nodeType等于3的节点，就是文字节点）。
对于html内置的块级标签使用了display:inline;则没上述问题。
对于html内置的块级标签之间的换行，ff会当作一个空白节点（用js可以获取到），ie则会忽略掉这个换行。
这个换行在ie和ff的页面上并无任何影响，不会出现空格。

热心网友时间：2022-04-06 06:31

插入一个非间断空格。一般来说，无论你按多少次空格键，HTML也只会在单词之间显示一个空白间隔。当你需要插入多个空格时，请输入或代码。[1] 它们名为“空格占位符”，你输入几个，就能在页面中显示几个空格。
之所以称之为非间断空格，是因为这样不会产生换行符。如果你滥用这种空格，浏览器可能无法以整齐易读的方式插入换行符。[2]

热心网友时间：2022-04-06 08:06

预格式化标签在这里便发挥了它的作用，该标签主要对空格和空行进行处理，保留HTML文件中存在的空格和空行。我们加上这个标签后，如下所示：
[html] view plain copy
<html>

<body>

<pre>
for i = 1 to 10
print i
next i
</pre>

</body>
</html>

热心网友时间：2022-04-06 12:05

可以用 <pre> 标签