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

可能的方法:

<pre> ... </pre>

style="white-space:pre"

还有别的事吗?

当前回答

在我常用的两个单词/句子之间插入制表符

&emsp;和&ensp;

2015-02-04 00:56:57

其他回答

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

对于水平垫片:

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

对于垂直垫片:

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

2012-03-20 20:53:25

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

在我的例子中，我需要在每段的开头插入，所以我做了下面的事情，它对我很有效，我希望它能帮助到别人

p:first-letter {
    margin-left: 20px
}

2022-03-21 21:10:01

使用标准的CSS标签大小。

插入一个tab符号(如果是标准tab键，移动光标)按Alt + 0 + 0 + 9

.element {
    -moz-tab-size: 4;
    tab-size: 4;
}

我的首选:

*{-moz-tab-size: 1; tab-size: 1;}

查看标签大小的代码片段或快速找到的示例。

.t1{ -moz-tab-size: 1; tab-size: 1; } .t2{ -moz-tab-size: 2; tab-size: 2; } .t4{ -moz-tab-size: 4; tab-size: 4; } pre {border: 1px dotted;} <h3>tab = {default} space</h3> <pre> one tab text two tab text </pre> <h3>tab = 1 space</h3> <pre class="t1"> one tab text two tab text </pre> <h3>tab = 2 space</h3> <pre class="t2"> one tab text two tab text </pre> <h3>tab = 4 space</h3> <pre class="t4"> one tab text two tab text </pre>

2019-01-21 21:11:15

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

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

2018-11-17 05:54:54

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

推荐文章

最新文章

标签