制表符空间代替多个非间断空格(“nbsp”)?

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

当前回答

CSS

<html>
<head>
<style>
    tab:before
    {
        content: "\00a0\00a0\00a0\00a0";
    }
</style>
</head>

HTML

<body>
    <tab> #include &lt; stdio.h &gt; <br>
    <tab> <br>
    <tab> int main (void) <br>
    <tab> { <br>
    <tab> <tab> printf ("Hello, World!"); <br>
    <tab> <tab> return 0; <br>
    <tab> } <br>
</body>
</html>

呈现

2016-05-26 18:25:57

其他回答

如果空格变得如此重要，那么使用预格式化文本和<pre>标记可能会更好。

2009-10-15 11:09:41

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

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

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

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

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

2014-08-19 07:52:16

&emsp;这就是答案。

然而，如果你习惯于在Word、Wordperfect、Open Office、Wordworth等文字处理软件中使用水平表格，那么它们的功能就不会像你预期的那样强大。它们是固定宽度的，不能定制。

CSS为您提供了更大的控制，并在W3C提供官方解决方案之前提供了替代方案。

例子:

padding-left:4em

…或…

margin-left:4em

．．适当的

这取决于您想要使用的字符集。

你可以设置一些标签，并像使用h标签一样使用它们。

<style>
    tab1 { padding-left: 4em; }
    tab2 { padding-left: 8em; }
    tab3 { padding-left: 12em; }
    tab4 { padding-left: 16em; }
    tab5 { padding-left: 20em; }
    tab6 { padding-left: 24em; }
    tab7 { padding-left: 28em; }
    tab8 { padding-left: 32em; }
    tab9 { padding-left: 36em; }
    tab10 { padding-left: 40em; }
    tab11 { padding-left: 44em; }
    tab12 { padding-left: 48em; }
    tab13 { padding-left: 52em; }
    tab14 { padding-left: 56em; }
    tab15 { padding-left: 60em; }
    tab16 { padding-left: 64em; }
</style>

.．.像这样使用它们:

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Tabulation example</title> <style type="text/css"> dummydeclaration { padding-left: 4em; } /* Firefox ignores first declaration for some reason */ tab1 { padding-left: 4em; } tab2 { padding-left: 8em; } tab3 { padding-left: 12em; } tab4 { padding-left: 16em; } tab5 { padding-left: 20em; } tab6 { padding-left: 24em; } tab7 { padding-left: 28em; } tab8 { padding-left: 32em; } tab9 { padding-left: 36em; } tab10 { padding-left: 40em; } tab11 { padding-left: 44em; } tab12 { padding-left: 48em; } tab13 { padding-left: 52em; } tab14 { padding-left: 56em; } tab15 { padding-left: 60em; } tab16 { padding-left: 64em; } </style> </head> <body> Non tabulated text <tab1>Tabulated text</tab1> <tab2>Tabulated text</tab2> <tab3>Tabulated text</tab3> <tab3>Tabulated text</tab3> <tab2>Tabulated text</tab2> <tab3>Tabulated text</tab3> <tab4>Tabulated text</tab4> <tab4>Tabulated text</tab4> Non tabulated text <tab3>Tabulated text</tab3> <tab4>Tabulated text</tab4> <tab4>Tabulated text</tab4> <tab1>Tabulated text</tab1> <tab2>Tabulated text</tab2> </body> </html>

运行上面的代码片段以查看一个可视化示例。

额外的讨论

在ISO-8859-1 HTML中没有定义水平表格实体，但是除了通常的&nbsp之外，还有一些其他可用的空白字符，例如;&ensp  ;和前面提到的&emsp;。

值得一提的是，在ASCII和Unicode中，	是一个水平表格。

2013-11-17 16:52:09

使用CSS更简洁。试试padding-left:5em或margin-left:5em。

2009-10-15 11:06:42

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

<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>

2013-11-24 20:56:17

制表符空间代替多个非间断空格(“nbsp”)?

推荐文章

最新文章

标签