可能的方法:

<pre> ... </pre>

or

style="white-space:pre"

还有别的事吗?


当前回答

这招对我很管用:

在我的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

其他回答

使用标准的CSS标签大小。

插入一个tab符号(如果是标准tab键,移动光标)按Alt + 0 + 0 + 9

.element {
    -moz-tab-size: 4;
    tab-size: 4;
}

我的首选:

*{-moz-tab-size: 1; tab-size: 1;}

查看标签大小的代码片段或快速找到的示例。

.t1{ -moz-tab-size: 1; tab-size: 1; } .t2{ -moz-tab-size: 2; tab-size: 2; } .t4{ -moz-tab-size: 4; tab-size: 4; } pre {border: 1px dotted;} <h3>tab = {default} space</h3> <pre> one tab text two tab text </pre> <h3>tab = 1 space</h3> <pre class="t1"> one tab text two tab text </pre> <h3>tab = 2 space</h3> <pre class="t2"> one tab text two tab text </pre> <h3>tab = 4 space</h3> <pre class="t4"> one tab text two tab text </pre>

你可以像这样填充<span style="padding-left: 20px;">,你可以查看更多的方法在这里-空白的HTML

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

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

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

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

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

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