标签空间而不是多个不间断的空格(“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 关注
- 802 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消