可能的方法:

<pre> ... </pre>

or

style="white-space:pre"

还有别的事吗?


当前回答

HTML中的空格类型

在文本之间创建四个空格&emsp;

在文本之间创建两个空格&ensp;

在文本之间创建一个规则的空格- &nbsp;

创造一个狭窄的空间(类似于常规空间,但略有不同- “&thinsp”;

句子间距- "</br>"

这个链接可能对你有帮助。查看[https://hea-www.harvard.edu/~fine/Tech/html-sentences.html]

其他回答

我喜欢用这个:

在CSS中:

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

在你的HTML中:

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

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

&emsp;和&ensp;

你可以使用这个代码&#8287;在HTML内容中添加空格。对于制表符,使用它5次或更多。

在这里查看一个示例:https://www.w3schools.com/charsets/tryit.asp?deci=8287&ent=ThickSpace

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

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

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像素从屏幕的右边缘)。