标签空间而不是多个不间断的空格(“nbsp”)?是否可以在HTML中插入制表符而不必键入 四次?
3 回答
慕桂英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中没有定义水平制表实体,但是有一些其他空白字符可用 ,例如;  , 和前述 。
值得一提的是,在ASCII和Unicode中,	是一个水平制表。
- 3 回答
- 0 关注
- 897 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消
