是否可以在HTML中插入一个制表符,而不必键入 四次吗?


当前回答

尽管在HTML3中引入了<tab>标签,但它从未进入浏览器。我一直认为这是一种遗憾,因为如果我们拥有它,在许多情况下生活会轻松得多。但是你可以很容易地纠正这个错误,给你一个假的<tab>标签。在你的HTML头部或CSS中添加以下内容(没有样式标签):

<style>
    tab { padding-left: 4em; }
</style>

从那时起,当你需要在你的文档中添加一个选项卡时,把<tab>放在那里。它不是一个真正的制表符,因为它不与制表符标记对齐,但它可以满足大多数需求,而不必为笨拙的字符实体或跨度而犹豫不决。它使检查源代码变得非常容易,并且在你不想使用表格或其他更复杂的“解决方案”的地方格式化简单的东西。

这个解决方案的一个优点是,您可以快速搜索/替换文本文档,用<tab>标记替换所有tab。

你可以定义一堆真正的绝对位置制表符,然后在需要的地方使用适当的制表符(例如<tab2>或<tab5>或其他),但我还没有找到一种方法来做到这一点,而不缩进后续行。

其他回答

这是一个很难看的解决方法,但是你可以这样做

var tab = '&nbsp;&nbsp;&nbsp;&nbsp;';

然后在字符串中使用tab变量。

如果您只需要一个选项卡,那么下面的选项卡对我有用。

<style>
  .tab {
    position: absolute;
    left: 10em;
   }
</style>

使用HTML的内容如下:

<p><b>asdf</b> <span class="tab">99967</span></p>
<p><b>hjkl</b> <span class="tab">88868</span></p> 

你可以添加更多的“标签”通过添加额外的“标签”样式和改变HTML,如:

<style>
  .tab {
    position: absolute;
    left: 10em;
   }
  .tab1 {
    position: absolute;
    left: 20em;
   }
</style>

使用HTML的内容如下:

<p><b>asdf</b> <span class="tab">99967</span><span class="tab1">hear</span></p>
<p><b>hjkl</b> <span class="tab">88868</span><span class="tab1">here</span></p>
<head>
<style> t {color:#??????;letter-spacing:35px;} </style>
</head>

<t>.</t>

确保颜色代码与背景相匹配 px可以根据制表符所需的长度变化。

然后在< t >后添加文本。< /t >

句号用作空格符,更容易输入,但'& #160;'也可以用来代替句号,因此颜色编码是不相关的。

<head>
<style> t {letter-spacing:35px;} </style>
</head>

<t>&#160;</t>

这主要用于显示文本段落,但在脚本的其他部分也可能有用。

使用CSS和最佳实践,嵌套、缩进菜单的动态创建如下:

为每个嵌套创建一个样式,如indent1, indent2等,每个嵌套都指定自己的左边距。站点结构应该很少超过三层嵌套。 在自递归函数中使用静态变量(整数)来跟踪递归。 对于每个循环,使用服务器端脚本(如PHP或ASP)将循环号附加到单词indent后,以便这些菜单通过CSS进行适当的格式化。

或者,循环静态变量,使用多个&nbsp;或<pre>标记,或其他字符,视情况而定。

从测试水平制表符,&#09;我发现它不能作为多种&nbsp;在我描述的场景中。你可能会得到不同的结果。

如果你只是想缩进段落中的第一句话,你可以用一个CSS小技巧来做到这一点:

p:first-letter {
    margin-left: 5em;
}