&ampnbsp单位与字体大小有关。为了理解这种依赖关系，使用CSS/HTML方法考虑em和rem度量单位。

CSS

.tab { margin-left: 1rem; }

HTML

<div class=“tab> ...p and h elements... </div>

显示

1em约等于4  但是,Em unit和&ampnbsp rem unit的显示取决于元素和样式的使用，像这样缩进。

--------h1 indented 1em
--p indented 1em
----h1 indented 1rem
----p indented 1rem

左边距和左填充都有效。在HTML或CSS中没有标签长度单位。可以使用.tab类选择器。

如果空格变得如此重要，那么使用预格式化文本和<pre>标记可能会更好。

好吧，如果你只需要在一整段的某一行开头有一个很长的空白，那么这可能是一个解决方案:

<span style='display:inline-block;height:1em;width:4em;'>&nbsp;</span>

如果写的内容太多，或者在很多地方都需要这样的制表符，那么您可以这样做

<span class='tab'>&nbsp;</span>

然后将其包含到CSS中:

span.tab {display:inline-block;height:1em;width:4em;}

阿菲克，唯一的办法就是使用

 

如果你可以使用CSS，那么你可以使用填充或边距。参看Box模型，而对于ie浏览器，也可参阅ie浏览器的Box模型bug。

我们可以像这样使用style="white-space:pre":

<p>Text<tab style="white-space:pre">        </tab>: value</p>
<p>Text2<tab style="white-space:pre">   </tab>: value2</p>
<p>Text32<tab style="white-space:pre">  </tab>: value32</p>

里面的空白处填满了制表符，制表符的数量取决于文本。

它看起来是这样的:

Text    : value
Text2   : value2
Text32  : value32

只有“pre”标签:

<pre>Name:      Waleed Hasees
Age:        33y
Address:    Palestine / Jein</pre>

你可以在这个标签上应用任何CSS类。