可能的方法:
<pre> ... </pre>
or
style="white-space:pre"
还有别的事吗?
当前回答
<span style=“padding-left：68px;”></span>
你还可以使用:
padding-left
padding-right
padding-top
padding-bottom
其他回答
走一步比@Ivar和风格我自己的自定义标签像这样…对我来说，“tab”更容易记忆和输入。
tab {
display: inline-block;
margin-left: 40px;
}
HTML实现……
<p>Left side of the whitespace<tab>Right side of the whitespace</p>
我的截图…
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像素从屏幕的右边缘)。
你可以使用 对于空格，<对于<(小于，实体号<)和>对于>(大于，实体号>)。
完整的列表可以在HTML实体中找到。
你可以像这样填充<span style="padding-left: 20px;">，你可以查看更多的方法在这里-空白的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
