这招对我很管用:

在我的CSS我有:

tab0  { position:absolute;left:25px;  }
tab1  { position:absolute;left:50px;  }
tab2  { position:absolute;left:75px;  }
tab3  { position:absolute;left:100px; }
tab4  { position:absolute;left:125px; }
tab5  { position:absolute;left:150px; }
tab6  { position:absolute;left:175px; }
tab7  { position:absolute;left:200px; }
tab8  { position:absolute;left:225px; }
tab9  { position:absolute;left:250px; }
tab10 { position:absolute;left:275px; }

然后在HTML中，我只使用我的标签:

Dog Food <tab3> :$30
Milk <tab3> :$3
Pizza Kit <tab3> :$5
Mt Dew <tab3> :$1.75

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

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

试着 。

根据特殊字符的文档:

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

如果您要求使用制表符来对齐某些行中的内容，您可以使用<table>。

将每一行放入<tr>…< / tr >。一行中的每个元素在<td>…< / td >。当然，你可以控制每个表格单元格的填充来调整它们之间的空间。

这样可以使它们对齐，看起来很漂亮:)

HTML中的空格类型

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

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

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

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

句子间距- "</br>"

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

这招对我很管用:

在我的CSS我有:

tab0  { position:absolute;left:25px;  }
tab1  { position:absolute;left:50px;  }
tab2  { position:absolute;left:75px;  }
tab3  { position:absolute;left:100px; }
tab4  { position:absolute;left:125px; }
tab5  { position:absolute;left:150px; }
tab6  { position:absolute;left:175px; }
tab7  { position:absolute;left:200px; }
tab8  { position:absolute;left:225px; }
tab9  { position:absolute;left:250px; }
tab10 { position:absolute;left:275px; }

然后在HTML中，我只使用我的标签:

Dog Food <tab3> :$30
Milk <tab3> :$3
Pizza Kit <tab3> :$5
Mt Dew <tab3> :$1.75