可能的方法:

<pre> ... </pre>

or

style="white-space:pre"

还有别的事吗?


当前回答

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

其他回答

你可以使用&nbsp;对于空格,&lt;对于<(小于,实体号&#60;)和&gt;对于>(大于,实体号&#62;)。

完整的列表可以在HTML实体中找到。

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

对于水平垫片:

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

对于垂直垫片:

<span style="display:block; height: YOURHEIGHT;"></span>
<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创建制表符和空格。

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

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

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