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

可能的方法:

<pre> ... </pre>

style="white-space:pre"

还有别的事吗?

当前回答

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

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

2018-11-17 05:54:54

其他回答

试着&emsp;。

根据特殊字符的文档:

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

2016-05-05 07:34:17

我喜欢用这个:

在CSS中:

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

在你的HTML中:

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

2015-06-29 04:30:53

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

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

2019-05-15 13:14:47

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

2013-05-14 17:33:04

User8657661的答案最接近我的需求(跨几行对齐)。然而，我无法让示例代码像提供的那样工作，但我需要如下更改:

<html>
    <head>
        <style>
            .tab9 {position:absolute;left:150px; }
        </style>
    </head>

    <body>
        Dog Food: <span class="tab9"> $30</span><br/>
        Milk of Magnesia:<span class="tab9"> $30</span><br/>
        Pizza Kit:<span class="tab9"> $5</span><br/>
        Mt Dew <span class="tab9"> $1.75</span><br/>
    </body>
</html>

如果你需要右对齐的数字，你可以改变左:150px到右:150px，但你需要改变基于屏幕宽度的数字(写的数字将是150像素从屏幕的右边缘)。

2017-12-16 22:00:36

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

推荐文章

最新文章

标签