blocks|key|5384583|text|你可以使用+，也就是Non-Breaking+Space。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|5384584|5384585|它本质上是一个标准空格，主要区别在于浏览器不应在此&nbsp;所占的位置换行(或换行)。|blockquote|style|CODE|5384586|5384587|entityMap|0|LINK|mutability|MUTABLE|url|http://www.htmlbasictutor.ca/non-breaking-space.htm|1|http://en.wikipedia.org/wiki/Non-breaking_space^0|5|1|0|A|I|1|0|0|P|6|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]|$A|Y|B|Z|1|10]]|C|$]]|$1|D|3|-4|5|6|7|11|8|@]|9|@]|C|$]]|$1|E|3|F|5|G|7|12|8|@$A|13|B|14|H|I]]|9|@]|C|$]]|$1|J|3|-4|5|6|7|15|8|@]|9|@]|C|$]]|$1|K|3|-4|5|6|7|16|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]|S|$5|N|O|P|C|$Q|T]]]]

You can use <a href="http://www.htmlbasictutor.ca/non-breaking-space.htm" rel="nofollow noreferrer"><code>&amp;nbsp;</code></a>, aka a <a href="http://en.wikipedia.org/wiki/Non-breaking_space" rel="nofollow noreferrer">Non-Breaking Space</a>.

<blockquote>
 It is essentially a standard space, the primary difference being that a browser should not break (or wrap) a line of text at the point that this <code>&amp;nbsp;</code> occupies. 
</blockquote>

blocks|key|1856876|text|&nbsp;|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1856877|这将为您提供您正在寻找的空间。|unstyled|1856878|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>&amp;nbsp;
</code></pre>

This will give you the space you're looking for.

blocks|key|5384689|text|正如其他人已经回答的那样，$nbsp;将输出不间断的空格字符。这是w3+docs+for+++and+others。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|5384690|然而，还有其他方法可以做到这一点，现在我更喜欢使用CSS+stylesheets。还有w3c+tutorials+for+beginners。|5384691|使用CSS，你可以这样做：|5384692|<html>
++++<head>
++++++++<title>CSS+test</title>
++++++++<style+type="text/css">
++++++++++++p+{+word-spacing:+40px;+}
++++++++</style>
++++</head>
++++<body>
++++++++Hello+World!+Enough+space+between+words,+what+do+you+think+about+it?
++++</body>
</html>|code-block|syntax|javascript|5384693|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3.org/TR/html4/sgml/entities.html#h-24.2.1|1|http://www.w3.org/Style/CSS/|2|http://www.w3.org/Style/Examples/011/firstcss^0|D|6|X|O|0|0|P|F|1|17|R|2|0|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@$9|11|A|12|B|C]]|D|@$9|13|A|14|1|15]]|E|$]]|$1|F|3|G|5|6|7|16|8|@]|D|@$9|17|A|18|1|19]|$9|1A|A|1B|1|1C]]|E|$]]|$1|H|3|I|5|6|7|1D|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|1E|8|@]|D|@]|E|$M|N]]|$1|O|3|-4|5|6|7|1F|8|@]|D|@]|E|$]]]|P|$Q|$5|R|S|T|E|$U|V]]|W|$5|R|S|T|E|$U|X]]|Y|$5|R|S|T|E|$U|Z]]]]

As others already answered, <code>$nbsp;</code> will output no-break space character. 
Here is <a href="http://www.w3.org/TR/html4/sgml/entities.html#h-24.2.1">w3 docs for <code>&amp;nbsp</code> and others</a>.

However there is other ways to do it and nowdays i would prefer using <a href="http://www.w3.org/Style/CSS/">CSS stylesheets</a>. There is also <a href="http://www.w3.org/Style/Examples/011/firstcss">w3c tutorials for beginners</a>.

With CSS you can do it like this:

<pre><code>&lt;html&gt;
 &lt;head&gt;
 &lt;title&gt;CSS test&lt;/title&gt;
 &lt;style type="text/css"&gt;
 p { word-spacing: 40px; }
 &lt;/style&gt;
 &lt;/head&gt;
 &lt;body&gt;
 &lt;p&gt;Hello World! Enough space between words, what do you think about it?&lt;/p&gt;
 &lt;/body&gt;
&lt;/html&gt;
</code></pre>

blocks|key|3967379|text|"pre“标签定义预格式化的文本。它同时保留空格和换行符。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3967380|<!DOCTYPE+html>+++
+<html>
++++++++<body>
++++++++++++<pre>This+paragraph+will+be++++++pre-formatted.+
I+hope+this+helps!+
All+spaces+will++++++++++++++++++++be+shown+as+it+is+in+the+original+file.
++++++++++++</pre>
++++++++</body>
+</html>|code-block|syntax|javascript|3967381|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

The "pre" tag defines preformatted text. It preserves both spaces and line breaks.

<pre><code>&lt;!DOCTYPE html&gt; 
 &lt;html&gt;
 &lt;body&gt;
 &lt;pre&gt;This paragraph will be pre-formatted. 
I hope this helps! 
All spaces will be shown as it is in the original file.
 &lt;/pre&gt;
 &lt;/body&gt;
 &lt;/html&gt;
</code></pre>

blocks|key|1857057|text|“对空间不敏感”是一种过于简单化的说法。更准确的描述是，在普通内容中，连续的空格字符(空格、制表符、换行符)等同于单个空格。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1857058|您可以在单词之间使用空格字符：“hello+world”。如果你想要更多的空间，你应该考虑你正在做什么，因为在正常的文本内容中，这是没有意义的。对于间隔元素，请使用CSS+margin属性。|offset|length|style|CODE|1857059|要获得有用的示例代码，您需要描述特定的问题，如标记和所需呈现的描述。|1857060|entityMap^0|0|2E|6|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@$D|N|E|O|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|P|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|K|$]]

“Insensitive to space” is an oversimplification. A more accurate description is that consecutive whitespace characters (spaces, tabs, newlines) are equivalent to a single space, in normal content.

You make empty spaces between words using space characters: “hello world”. I you want more space, you should consider what you are doing, since in normal text content, that does not make sense. For spacing elements, use CSS <code>margin</code> properties.

To get useful example codes, you need to describe a specific problem, like markup and a description of desired rendering.

blocks|key|1857224|text|要在html中将不间断空格或实际空格添加到文本中，可以使用&nbsp;字符实体。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|CODE|entityRanges|data|1857225|​|1857226|📷|atomic|1857227|1857228|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/cf4a057152fc997a0851400f4972ef3f.jpeg|imageAlt^0|2|4|T|6|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@$9|W|A|X|B|C]|$9|Y|A|Z|B|D]]|E|@]|F|$]]|$1|G|3|H|5|6|7|10|8|@]|E|@]|F|$]]|$1|I|3|J|5|K|7|11|8|@]|E|@$9|12|A|13|1|14]]|F|$]]|$1|L|3|H|5|6|7|15|8|@]|E|@]|F|$]]|$1|M|3|-4|5|6|7|16|8|@]|E|@]|F|$]]]|N|$O|$5|P|Q|R|F|$S|T|U|-4]]]]

To add non-breaking space or real space to your text in html, you can use the <code>&amp;nbsp;</code> character entity.

<a href="https://i.stack.imgur.com/ehrN3.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ehrN3.jpg" alt=""></a>

blocks|key|1550174|text|使用white-space:+pre|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1550175|​|1550176|<!DOCTYPE+html>
<html>
<span+style="white-space:+pre">++++My+spaces+++
 
+++++My+spaces+++
</html>|code-block|syntax|javascript|1550177|1550178|entityMap^0|2|G|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@$9|Q|A|R|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|S|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|T|8|@]|D|@]|E|$K|L]]|$1|M|3|G|5|6|7|U|8|@]|D|@]|E|$]]|$1|N|3|-4|5|6|7|V|8|@]|D|@]|E|$]]]|O|$]]

Use <code>white-space: pre</code>:

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;span style="white-space: pre"&gt; My spaces &lt;/span&gt;
&lt;br&gt;
&lt;span&gt; My spaces &lt;/span&gt;
&lt;/html&gt;</code></pre>
</div>
</div>

blocks|key|1856970|text|要么使用文字不间断空格符号(是的，您可以复制/粘贴它)，要么使用HTML，或者，如果您正在处理大的预先格式化的块，则使用white-space+CSS+property。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1856971|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3.org/TR/CSS21/text.html#white-space-prop^0|1O|B|1O|O|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@$9|O|A|P|B|C]]|D|@$9|Q|A|R|1|S]]|E|$]]|$1|F|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|G|$H|$5|I|J|K|E|$L|M]]]]

Either use literal non-breaking space symbol (yes, you can copy/paste it), HTML entity, or, if you're dealing with big pre-formatted block, use <a href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" rel="nofollow"><code>white-space</code> CSS property</a>.

blocks|key|3967349|text|如果你正在寻找段落缩进，那么你可以在CSS中使用'text-+indent‘声明。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3967350|<!DOCTYPE+html>+++
+<html>
++++++++<head>
++++++++++++<style>
++++++++++++++++p+{+text-indent:+50px;+}
++++++++++++</style>
++++++++</head>
++++++++<body>
++++++++++++This+paragraph+will+be+indented+by+50px.+I+hope+this+helps!+Only+the+first+line+will+be+indented.
++++++++</body>
++++</html>|code-block|syntax|javascript|3967351|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

If you are looking for paragraph indent then you can go for 'text-indent' declaration in CSS.

<pre><code>&lt;!DOCTYPE html&gt; 
 &lt;html&gt;
 &lt;head&gt;
 &lt;style&gt;
 p { text-indent: 50px; }
 &lt;/style&gt;
 &lt;/head&gt;
 &lt;body&gt;
 &lt;p&gt;This paragraph will be indented by 50px. I hope this helps! Only the first line will be indented.&lt;/p&gt;
 &lt;/body&gt;
 &lt;/html&gt;
</code></pre>

blocks|key|5384974|text|您可以使用white-space:+pre+CSS属性保留空白，该属性将保留元素中的空白。https://www.w3schools.com/cssref/pr_text_white-space.asp|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|5384975|entityMap|0|LINK|mutability|MUTABLE|url|https://www.w3schools.com/cssref/pr_text_white-space.asp^0|5|G|19|1K|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@$9|O|A|P|B|C]]|D|@$9|Q|A|R|1|S]]|E|$]]|$1|F|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|G|$H|$5|I|J|K|E|$L|M]]]]

You can preserve white-space with <code>white-space: pre</code> CSS property which will preserve white-space inside an element. <a href="https://www.w3schools.com/cssref/pr_text_white-space.asp" rel="nofollow noreferrer">https://www.w3schools.com/cssref/pr_text_white-space.asp</a>

blocks|key|1546275|text|在文本之后或文本之间，使用&nbsp;+(不间断空格)扩展超文本标记语言字符。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1546276|1546277|EG+1+:|unordered-list-item|1546278|1546279|这是一个示例段落。&nbsp;&nbsp;，这是下一行。|1546280|entityMap^0|D|6|0|0|0|0|9|C|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|R|8|@]|D|@]|E|$]]|$1|G|3|H|5|I|7|S|8|@]|D|@]|E|$]]|$1|J|3|-4|5|6|7|T|8|@]|D|@]|E|$]]|$1|K|3|L|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|M|3|-4|5|6|7|X|8|@]|D|@]|E|$]]]|N|$]]

After, or in-between your text, use the <code>&amp;nbsp;</code> (non-breaking space) extended HTML character.

<ul>
<li>EG 1 :

 This is an example paragraph. <code>&amp;nbsp;&amp;nbsp;</code> This is the next line.</li>
</ul>

blocks|key|1857182|text|如果你想在编辑网站时在HTML中留出空格，只需使用<br+/>并将其复制粘贴到最后一个页面下，然后继续这样做，直到你有足够的空间。希望能有所帮助。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|CODE|entityRanges|data|1857183|entityMap^0|B|4|P|6|0^^$0|@$1|2|3|4|5|6|7|I|8|@$9|J|A|K|B|C]|$9|L|A|M|B|D]]|E|@]|F|$]]|$1|G|3|-4|5|6|7|N|8|@]|E|@]|F|$]]]|H|$]]

If you want to leave blank space in HTML while editing the website just use <code>&lt;br /&gt;</code> and copy-paste it under the last one and keep going like that until you have enough space. Hope it helps.

I do know that HTML is insensitive to space. But what can I use to make empty spaces between words, or phrases. I have tried <code>&lt;p&gt;&lt;/p&gt;</code> such kind of tags, but the HTML automatically omit it.

Can somebody give me example codes?

How to leave space in HTML

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我知道HTML对空格不敏感。但是我可以用什么来在单词或短语之间留出空格呢？我已经尝试过这样的标签，但是超文本标记语言自动忽略了它。有人能给我示例代码吗？

问如何在HTML中留出空格
EN

回答 12

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在HTML中留出空格EN

回答 12

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在HTML中留出空格
EN