可能的方法:
<pre> ... </pre>
or
style="white-space:pre"
还有别的事吗?
可能的方法:
<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像素从屏幕的右边缘)。
其他回答
你可以使用这个代码 在HTML内容中添加空格。对于制表符,使用它5次或更多。
在这里查看一个示例:https://www.w3schools.com/charsets/tryit.asp?deci=8287&ent=ThickSpace
试着 。
根据特殊字符的文档:
特征实体 和 表示一个en空格和一个em 分别是空间,其中en空间是点大小的一半,em空间是点大小的一半 空格等于当前字体的点大小。固定螺距 字体时,用户代理可以将en空格视为等同于A 空格字符,em空间等价于两个空间 字符。
白色的空间?你就不能用填充吗?这是一个想法。这就是如何在元素周围添加一些“空白区域”。所以你可以使用以下CSS标签:
padding: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
空格的宽度/高度超出 我通常使用:
对于水平垫片:
<span style="display:inline-block; width: YOURWIDTH;"></span>
对于垂直垫片:
<span style="display:block; height: YOURHEIGHT;"></span>
这招对我很管用:
在我的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