可能的方法:
<pre> ... </pre>
or
style="white-space:pre"
还有别的事吗?
可能的方法:
<pre> ... </pre>
or
style="white-space:pre"
还有别的事吗?
当前回答
你可以使用 对于空格,<对于<(小于,实体号<)和>对于>(大于,实体号>)。
完整的列表可以在HTML实体中找到。
其他回答
<span style=“padding-left:68px;”></span>
你还可以使用:
padding-left
padding-right
padding-top
padding-bottom
如果您要求使用制表符来对齐某些行中的内容,您可以使用<table>。
将每一行放入<tr>…< / tr >。一行中的每个元素在<td>…< / td >。当然,你可以控制每个表格单元格的填充来调整它们之间的空间。
这样可以使它们对齐,看起来很漂亮:)
使用标准的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>
这招对我很管用:
在我的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 style="text-indent: 5em;">
The first line of this paragraph will be indented about five characters, similar to a tabbed indent.
</p>
这个段落的第一行缩进大约5个字符,类似于标签缩进。
有关更多信息,请参见如何使用HTML和CSS创建制表符和空格。