可能的方法:
<pre> ... </pre>
or
style="white-space:pre"
还有别的事吗?
当前回答
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像素从屏幕的右边缘)。
其他回答
也可以称为固定空间或硬空间，非换行空间(NBSP)用于编程和字处理，在一行中创建一个不能被换行破坏的空间。
使用HTML， 允许您创建在网页上可见的多个空间，而不仅仅是在源代码中。
你可以像这样填充<span style="padding-left: 20px;">，你可以查看更多的方法在这里-空白的HTML
在我的例子中，我需要在每段的开头插入，所以我做了下面的事情，它对我很有效，我希望它能帮助到别人
p:first-letter {
margin-left: 20px
}
如果您要求使用制表符来对齐某些行中的内容，您可以使用<table>。
将每一行放入<tr>…< / tr >。一行中的每个元素在<td>…< / td >。当然，你可以控制每个表格单元格的填充来调整它们之间的空间。
这样可以使它们对齐，看起来很漂亮:)
<span style=“padding-left：68px;”></span>
你还可以使用:
padding-left
padding-right
padding-top
padding-bottom
