也可以称为固定空间或硬空间，非换行空间(NBSP)用于编程和字处理，在一行中创建一个不能被换行破坏的空间。

使用HTML，  允许您创建在网页上可见的多个空间，而不仅仅是在源代码中。

空格的宽度/高度超出 我通常使用:

对于水平垫片:

<span style="display:inline-block; width: YOURWIDTH;"></span>

对于垂直垫片:

<span style="display:block; height: YOURHEIGHT;"></span>

白色的空间?你就不能用填充吗?这是一个想法。这就是如何在元素周围添加一些“空白区域”。所以你可以使用以下CSS标签:

padding: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;

走一步比@Ivar和风格我自己的自定义标签像这样…对我来说，“tab”更容易记忆和输入。

tab {
    display: inline-block;
    margin-left: 40px;
}

HTML实现……

<p>Left side of the whitespace<tab>Right side of the whitespace</p>

我的截图…

这招对我很管用:

在我的CSS我有:

tab0  { position:absolute;left:25px;  }
tab1  { position:absolute;left:50px;  }
tab2  { position:absolute;left:75px;  }
tab3  { position:absolute;left:100px; }
tab4  { position:absolute;left:125px; }
tab5  { position:absolute;left:150px; }
tab6  { position:absolute;left:175px; }
tab7  { position:absolute;left:200px; }
tab8  { position:absolute;left:225px; }
tab9  { position:absolute;left:250px; }
tab10 { position:absolute;left:275px; }

然后在HTML中，我只使用我的标签:

Dog Food <tab3> :$30
Milk <tab3> :$3
Pizza Kit <tab3> :$5
Mt Dew <tab3> :$1.75

<p style="text-indent: 5em;">
The first line of this paragraph will be indented about five characters, similar to a tabbed indent.
</p>

这个段落的第一行缩进大约5个字符，类似于标签缩进。

有关更多信息，请参见如何使用HTML和CSS创建制表符和空格。