为了账号安全,请及时绑定邮箱和手机立即绑定

标签空间而不是多个不间断的空格(“nbsp”)?

标签空间而不是多个不间断的空格(“nbsp”)?

慕容708150 2019-08-28 16:46:52
标签空间而不是多个不间断的空格(“nbsp”)?是否可以在HTML中插入制表符而不必键入 四次?
查看完整描述

3 回答

?
跃然一笑

TA贡献1826条经验 获得超6个赞

使用CSS更清晰。尝试padding-left:5emmargin-left:5em酌情改为。


查看完整回答
反对 回复 2019-08-28
?
慕桂英546537

TA贡献1848条经验 获得超10个赞

  是答案。

但是,如果您习惯在Word处理器中使用水平制表符,例如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>
        <p>Non tabulated text</p>

        <p><tab1>Tabulated text</tab1></p>
        <p><tab2>Tabulated text</tab2></p>
        <p><tab3>Tabulated text</tab3></p>
        <p><tab3>Tabulated text</tab3></p>
        <p><tab2>Tabulated text</tab2></p>
        <p><tab3>Tabulated text</tab3></p>
        <p><tab4>Tabulated text</tab4></p>
        <p><tab4>Tabulated text</tab4></p>
        <p>Non tabulated text</p>
        <p><tab3>Tabulated text</tab3></p>
        <p><tab4>Tabulated text</tab4></p>
        <p><tab4>Tabulated text</tab4></p>
        <p><tab1>Tabulated text</tab1></p>
        <p><tab2>Tabulated text</tab2></p>

    </body></html>

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

额外的讨论

ISO-8859-1 HTML中没有定义水平制表实体,但是有一些其他空白字符可用&nbsp,例如; &thinsp;&ensp;和前述&emsp;

值得一提的是,在ASCII和Unicode中,&#09;是一个水平制表。


查看完整回答
反对 回复 2019-08-28
  • 3 回答
  • 0 关注
  • 802 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信