blocks|key|956178|text|如果要避免CSS，可以使用+强制使用额外的空格字符，+用于两个空格，+用于四个空格。但是，我不明白为什么您似乎不愿意使用CSS来实现这一点。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|956179|您通常使用HTML来显示内容(及其含义)。在这种情况下，许多空格对您的内容没有意义。要更改内容的外观，您应该考虑使用CSS。尽管如此，按照要求，这里是如何添加空间而不使用CSS。|956180|​|956181|<div>Hello&nbsp;&nbsp;there</div>

<div>Hello&ensp;&ensp;there</div>

<div>Hello&emsp;&emsp;there</div>|code-block|syntax|javascript|956182|956183|entityMap|0|LINK|mutability|MUTABLE|url|https://dev.w3.org/html5/html-author/charref|1|2^0|D|1|0|Q|1|1|Y|1|2|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|X|8|@]|9|@$A|Y|B|Z|1|10]|$A|11|B|12|1|13]|$A|14|B|15|1|16]]|C|$]]|$1|D|3|E|5|6|7|17|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|18|8|@]|9|@]|C|$]]|$1|H|3|I|5|J|7|19|8|@]|9|@]|C|$K|L]]|$1|M|3|G|5|6|7|1A|8|@]|9|@]|C|$]]|$1|N|3|-4|5|6|7|1B|8|@]|9|@]|C|$]]]|O|$P|$5|Q|R|S|C|$T|U]]|V|$5|Q|R|S|C|$T|U]]|W|$5|Q|R|S|C|$T|U]]]]

<p>If you want to avoid CSS, you can use <a href="https://dev.w3.org/html5/html-author/charref" rel="nofollow noreferrer"><code>&amp;nbsp;</code></a> to force an extra space character, <a href="https://dev.w3.org/html5/html-author/charref" rel="nofollow noreferrer"><code>&amp;ensp;</code></a> for two spaces, and <a href="https://dev.w3.org/html5/html-author/charref" rel="nofollow noreferrer"><code>&amp;emsp;</code></a> for four spaces. However, I do not get why you seem uneager to use CSS to achieve this.</p>

<p>You usually use HTML to show the content (and its meaning). In this case, a lot of spaces aren't meaningful to your content. To change the appearance of your content, you should consider using CSS instead. That being said, as requested, here's how you add space without using CSS.</p>

<p><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;div&gt;Hello&amp;nbsp;&amp;nbsp;there&lt;/div&gt;

&lt;div&gt;Hello&amp;ensp;&amp;ensp;there&lt;/div&gt;

&lt;div&gt;Hello&amp;emsp;&amp;emsp;there&lt;/div&gt;</code></pre>
</div>
</div>
</p>


blocks|key|4716282|text|可以使用下列任何选项之一插入更长的空间：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4716283|两个空间-类型&ensp;|offset|length|style|CODE|4716284|四个空间-类型&emsp|4716285|缩进式&nbsp;&nbsp;&nbsp;&nbsp|4716286|entityMap^0|0|7|6|0|7|5|0|3|N|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@$D|P|E|Q|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|R|8|@$D|S|E|T|F|G]]|9|@]|A|$]]|$1|J|3|K|5|6|7|U|8|@$D|V|E|W|F|G]]|9|@]|A|$]]|$1|L|3|-4|5|6|7|X|8|@]|9|@]|A|$]]]|M|$]]

<p>You can insert a longer space by using any one of the following options:</p>

<p>Two spaces - Type <code>&amp;ensp;</code></p>

<p>Four spaces - Type <code>&amp;emsp</code></p>

<p>Indent - Type <code>&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp</code></p>


blocks|key|4716333|text|您可以将此&nbsp;添加到html中以表示空格或页边距左，并且可以控制更改数字的空间。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4716334|​|4716335|span{
margin-left:+80px;
}|code-block|syntax|javascript|4716336|<div>Hello+<span>there</span></div>|4716337|4716338|entityMap^0|5|6|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@$9|S|A|T|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|U|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|V|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|J|7|W|8|@]|D|@]|E|$K|L]]|$1|O|3|G|5|6|7|X|8|@]|D|@]|E|$]]|$1|P|3|-4|5|6|7|Y|8|@]|D|@]|E|$]]]|Q|$]]

<p>You can add this <code>&amp;nbsp;</code> in the html for space or margin-left and you can control the  space of changing the number</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>span{
margin-left: 80px;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div&gt;Hello &lt;span&gt;there&lt;/span&gt;&lt;/div&gt;</code></pre>
</div>
</div>
</p>


blocks|key|4716407|text|我同意其他人的观点，CSS是这里的出路。例如：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4716408|​|4716409|div+{text-align:justify;+text-align-last:justify;}|code-block|syntax|javascript|4716410|<div>hello+there</div>|4716411|4716412|或者，使用内联CSS而不是外部CSS：|4716413|4716414|<div+style="text-align:justify;+text-align-last:justify;">hello+there</div>|4716415|4716416|但是如果不可能使用CSS，你能改变你的html吗？有很多方法可以用html来实现这一点。示例：|4716417|4716418|<table+width="100%25"><tr><td>hello</td><td+align="right">there</td></tr></table>|4716419|4716420|entityMap^0|0|0|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Z|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|10|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|11|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|F|7|12|8|@]|9|@]|A|$G|H]]|$1|K|3|C|5|6|7|13|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|14|8|@]|9|@]|A|$]]|$1|N|3|C|5|6|7|15|8|@]|9|@]|A|$]]|$1|O|3|P|5|F|7|16|8|@]|9|@]|A|$G|H]]|$1|Q|3|C|5|6|7|17|8|@]|9|@]|A|$]]|$1|R|3|S|5|6|7|18|8|@]|9|@]|A|$]]|$1|T|3|C|5|6|7|19|8|@]|9|@]|A|$]]|$1|U|3|V|5|F|7|1A|8|@]|9|@]|A|$G|H]]|$1|W|3|C|5|6|7|1B|8|@]|9|@]|A|$]]|$1|X|3|-4|5|6|7|1C|8|@]|9|@]|A|$]]]|Y|$]]

<p>I agree with the others that CSS is the way to go here. For example:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>div {text-align:justify; text-align-last:justify;}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div&gt;hello there&lt;/div&gt;</code></pre>
</div>
</div>
</p>

<p>Or, with inline CSS rather than external:</p>

<p><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;div style="text-align:justify; text-align-last:justify;"&gt;hello there&lt;/div&gt;</code></pre>
</div>
</div>
</p>

<p>But if it's impossible to use CSS, can you change your html? There are lots of ways of doing this with html. Example:</p>

<p><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;table width="100%"&gt;&lt;tr&gt;&lt;td&gt;hello&lt;/td&gt;&lt;td align="right"&gt;there&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</code></pre>
</div>
</div>
</p>


<p>Silly question but I was wondering if it is possible to add a large spacing inside my div text. For example,</p>

<pre><code>&lt;div&gt;Hello                  there&lt;/div&gt;
</code></pre>

<p>Would I have to modify it in css? Is there a way of doing it without css. </p>


How to add space inside a div tag

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

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

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

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

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

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

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

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

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

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

愚蠢的问题，但我想知道是否有可能在我的div文本中添加一个大间距。例如,<div>Hello                  there</div>我必须在css中修改它吗？有没有一种没有css的方法。

问如何在div标记中添加空间
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在div标记中添加空间EN