HTML中的& nbsp； & ensp； & emsp；等6种空格标记

最新推荐文章于 2025-04-24 11:06:03 发布

纳尼亚awsl

最新推荐文章于 2025-04-24 11:06:03 发布

阅读量3.7k

点赞数

分类专栏： html学习笔记文章标签： html 前端

本文链接：https://blog.csdn.net/heal_l/article/details/125441409

版权

html学习笔记专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了HTML中常用的6种空格标记，包括& nbsp；、& ensp；和& emsp；等，它们在网页布局和文本间距中的作用及使用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 <!-- &nbsp; 不会累加的（只算1个），且该空格占据宽度受【字体】影响明显而强烈 -->
27         <button type="button">提&nbsp;&nbsp;&nbsp;&nbsp;交</button><br />
28         <!-- &ensp; 占据的宽度正好是1/2个中文宽度，且基本上不受字体影响 -->
29         <button type="button">提&ensp;&ensp;交</button><br />
30         <!-- &emsp; 占据的宽度正好是1个中文宽度，且基本上不受字体影响 -->
31         <button type="button">提&emsp;交</button><br />
32         <!-- &thinsp; 占据的宽度比较小，它是em之六分之一宽 -->
33         <button type="button">提&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;&thinsp;交</button><br />
34         
35         <!-- &zwnj; （零宽不连字）是一个不打印字符，放在电子文本的两个字符之间，抑制本来会发生的连字，
36         而是以这两个字符原本的字形来绘制 -->
37         <!-- &zwj; （零宽连字）是一个不打印字符，放在某些需要复杂排版语言（如阿拉伯语、印地语）的两个字符之间，
38         使得这两个本不会发生连字的字符产生了连字效果 -->
39

空格标记标记
	不会累加的（只算1个），且该空格占据宽度受【字体】影响明显而强烈
&ensp;	占据的宽度正好是1/2个中文宽度，且基本上不受字体影响
&emsp;	占据的宽度正好是1个中文宽度，且基本上不受字体影响
	占据的宽度比较小，它是em之六分之一宽
&zwnj;	（零宽不连字）是一个不打印字符，放在电子文本的两个字符之间，抑制本来会发生的连字， 36 而是以这两个字符原本的字形来绘制
&zwj;	（零宽连字）是一个不打印字符，放在某些需要复杂排版语言（如阿拉伯语、印地语）的两个字符之间， 38 使得这两个本不会发生连字的字符产生了连字效果