如何在HTML页面中保留空格和换行符
2017-06-21 · 百度知道合伙人官方认证企业
育知同创教育
1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】
向TA提问
关注
![]()
展开全部
对于html内置的内联级标签以及表单元素标签，源代码中连续几个内联级标签中的换行在浏览器中会被解释为一个空格。
包括ie和ff。而这个空格是会被当作一个空白节点（nodeType等于3的节点，就是文字节点）。
对于html内置的块级标签使用了display:inline;则没上述问题。
对于html内置的块级标签之间的换行，ff会当作一个空白节点（用js可以获取到），ie则会忽略掉这个换行。
这个换行在ie和ff的页面上并无任何影响，不会出现空格。
包括ie和ff。而这个空格是会被当作一个空白节点（nodeType等于3的节点，就是文字节点）。
对于html内置的块级标签使用了display:inline;则没上述问题。
对于html内置的块级标签之间的换行，ff会当作一个空白节点（用js可以获取到），ie则会忽略掉这个换行。
这个换行在ie和ff的页面上并无任何影响，不会出现空格。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
插入一个非间断空格。一般来说，无论你按多少次空格键，HTML也只会在单词之间显示一个空白间隔。当你需要插入多个空格时，请输入 或 代码。[1] 它们名为“空格占位符”，你输入几个，就能在页面中显示几个空格。
之所以称之为非间断空格，是因为这样不会产生换行符。如果你滥用这种空格，浏览器可能无法以整齐易读的方式插入换行符。[2]
之所以称之为非间断空格，是因为这样不会产生换行符。如果你滥用这种空格，浏览器可能无法以整齐易读的方式插入换行符。[2]
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
预格式化标签在这里便发挥了它的作用，该标签主要对空格和空行进行处理，保留HTML文件中存在的空格和空行。我们加上这个标签后，如下所示：
[html] view plain copy
<html>
<body>
<pre>
for i = 1 to 10
print i
next i
</pre>
</body>
</html>
[html] view plain copy
<html>
<body>
<pre>
for i = 1 to 10
print i
next i
</pre>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
预格式化标签在这里便发挥了它的作用，该标签主要对空格和空行进行处理，保留HTML文件中存在的空格和空行。我们加上这个标签后，如下所示：
[html] view plain copy
<html>
<body>
<pre>
for i = 1 to 10
print i
next i
</pre>
</body>
</html>
[html] view plain copy
<html>
<body>
<pre>
for i = 1 to 10
print i
next i
</pre>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以用 <pre> 标签
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
