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

可能的方法:

<pre> ... </pre>

style="white-space:pre"

还有别的事吗?

当前回答

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

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

2022-03-21 21:10:01

其他回答

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

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

2018-01-11 04:10:19

试着&emsp;。

根据特殊字符的文档:

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

2016-05-05 07:34:17

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

你可以像这样填充<span style="padding-left: 20px;">，你可以查看更多的方法在这里-空白的HTML

2020-06-10 14:32:58

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

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

HTML实现……

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

我的截图…

2018-11-22 10:19:42

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

推荐文章

最新文章

标签