如何使用HTML/CSS在文本中插入空格/制表符

可能的方法:

<pre> ... </pre>

style="white-space:pre"

还有别的事吗?

当前回答

这是一个“Tab”文本(复制粘贴):" "

由于本网站的回答限制，它可能会显示不同或不是一个完整的选项卡。

其他回答

试着&emsp;。

根据特殊字符的文档:

特征实体&ensp;和&emsp;表示一个en空格和一个em 分别是空间，其中en空间是点大小的一半，em空间是点大小的一半空格等于当前字体的点大小。固定螺距字体时，用户代理可以将en空格视为等同于A 空格字符，em空间等价于两个空间字符。

我喜欢用这个:

在CSS中:

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

在你的HTML中:

<p>Some Text <span class="tab">Tabbed Text</span></p>

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

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

<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创建制表符和空格。

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

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

HTML实现……

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

我的截图…

推荐文章