猿问

回到首页 个人中心 反馈问题 注册登录
下载APP
首页 课程 实战 体系课 手记 专栏 慕课教程

标签空间而不是多个不间断的空格（“nbsp”）？

标签空间而不是多个不间断的空格（“nbsp”）？

是否可以在HTML中插入制表符而不必键入 四次？



慕容708150
浏览 803回答 3
3回答

跃然一笑

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

慕桂英546537

＆EMSP;&nbsp;是答案。但是，如果您习惯在Word处理器中使用水平制表符，例如Word，Wordperfect，Open Office，Wordworth等，它们将不会像您预期的那样功能。它们是固定宽度的，并且无法自定义。CSS为您提供了更大的控制权，并提供了替代方案，直到W3C提供官方解决方案。例：padding-left:4em..要么..margin-left:4em..作为适当的这取决于您要使用的字符集。您可以设置一些选项卡标签，并使用它们与使用h标签的方式类似。<style> &nbsp;&nbsp;&nbsp;&nbsp;tab1&nbsp;{&nbsp;padding-left:&nbsp;4em;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;tab2&nbsp;{&nbsp;padding-left:&nbsp;8em;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;tab3&nbsp;{&nbsp;padding-left:&nbsp;12em;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;tab4&nbsp;{&nbsp;padding-left:&nbsp;16em;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;tab5&nbsp;{&nbsp;padding-left:&nbsp;20em;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;tab6&nbsp;{&nbsp;padding-left:&nbsp;24em;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;tab7&nbsp;{&nbsp;padding-left:&nbsp;28em;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;tab8&nbsp;{&nbsp;padding-left:&nbsp;32em;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;tab9&nbsp;{&nbsp;padding-left:&nbsp;36em;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;tab10&nbsp;{&nbsp;padding-left:&nbsp;40em;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;tab11&nbsp;{&nbsp;padding-left:&nbsp;44em;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;tab12&nbsp;{&nbsp;padding-left:&nbsp;48em;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;tab13&nbsp;{&nbsp;padding-left:&nbsp;52em;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;tab14&nbsp;{&nbsp;padding-left:&nbsp;56em;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;tab15&nbsp;{&nbsp;padding-left:&nbsp;60em;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;tab16&nbsp;{&nbsp;padding-left:&nbsp;64em;&nbsp;}</style>......并像这样使用它们：<!DOCTYPE&nbsp;html><html> &nbsp;&nbsp;&nbsp;&nbsp;<head> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<meta&nbsp;http-equiv="Content-Type"&nbsp;content="text/html;&nbsp;charset=utf-8"&nbsp;/> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<title>Tabulation&nbsp;example</title> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<style&nbsp;type="text/css"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dummydeclaration&nbsp;{&nbsp;padding-left:&nbsp;4em;&nbsp;}&nbsp;/*&nbsp;Firefox&nbsp;ignores&nbsp;first&nbsp;declaration&nbsp;for&nbsp;some&nbsp;reason&nbsp;*/ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tab1&nbsp;{&nbsp;padding-left:&nbsp;4em;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tab2&nbsp;{&nbsp;padding-left:&nbsp;8em;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tab3&nbsp;{&nbsp;padding-left:&nbsp;12em;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tab4&nbsp;{&nbsp;padding-left:&nbsp;16em;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tab5&nbsp;{&nbsp;padding-left:&nbsp;20em;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tab6&nbsp;{&nbsp;padding-left:&nbsp;24em;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tab7&nbsp;{&nbsp;padding-left:&nbsp;28em;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tab8&nbsp;{&nbsp;padding-left:&nbsp;32em;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tab9&nbsp;{&nbsp;padding-left:&nbsp;36em;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tab10&nbsp;{&nbsp;padding-left:&nbsp;40em;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tab11&nbsp;{&nbsp;padding-left:&nbsp;44em;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tab12&nbsp;{&nbsp;padding-left:&nbsp;48em;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tab13&nbsp;{&nbsp;padding-left:&nbsp;52em;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tab14&nbsp;{&nbsp;padding-left:&nbsp;56em;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tab15&nbsp;{&nbsp;padding-left:&nbsp;60em;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tab16&nbsp;{&nbsp;padding-left:&nbsp;64em;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</style> &nbsp;&nbsp;&nbsp;&nbsp;</head> &nbsp;&nbsp;&nbsp;&nbsp;<body> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<p>Non&nbsp;tabulated&nbsp;text</p> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<p><tab1>Tabulated&nbsp;text</tab1></p> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<p><tab2>Tabulated&nbsp;text</tab2></p> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<p><tab3>Tabulated&nbsp;text</tab3></p> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<p><tab3>Tabulated&nbsp;text</tab3></p> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<p><tab2>Tabulated&nbsp;text</tab2></p> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<p><tab3>Tabulated&nbsp;text</tab3></p> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<p><tab4>Tabulated&nbsp;text</tab4></p> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<p><tab4>Tabulated&nbsp;text</tab4></p> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<p>Non&nbsp;tabulated&nbsp;text</p> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<p><tab3>Tabulated&nbsp;text</tab3></p> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<p><tab4>Tabulated&nbsp;text</tab4></p> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<p><tab4>Tabulated&nbsp;text</tab4></p> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<p><tab1>Tabulated&nbsp;text</tab1></p> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<p><tab2>Tabulated&nbsp;text</tab2></p> &nbsp;&nbsp;&nbsp;&nbsp;</body></html>运行上面的代码段以查看可视示例。额外的讨论ISO-8859-1 HTML中没有定义水平制表实体，但是有一些其他空白字符可用&nbsp，例如;&nbsp;&thinsp;，&ensp;和前述&emsp;。值得一提的是，在ASCII和Unicode中，&#09;是一个水平制表。
0
打开App，查看更多内容
随时随地看视频慕课网APP

相关问题

为什么字体颜色在Eclipse上没有变化 2 回答

相关分类

Html/CSS
为什么字体颜色在Eclipse上没有变化 2 回答