空格符号代码html

写HTML时敲几下空格键，空格浏览器却纹丝不动——这大概是符号每个新手都撞过的墙。HTML里连续空格会被折叠成一个，代码代码里排得整整齐齐的空格缩进，到了页面上全成了挤在一起的符号肉饼。你需要的代码不是更多空格键，而是空格那个被忽略的符号： 。

这个实体字符，符号全称non-breaking space，代码不换行空格。空格它本质是符号一个Unicode字符，代码点U+00A0，代码在HTML里写作 或者 。空格浏览器遇到它，符号会老老实实显示一个空格，代码而且不会跟相邻文本发生换行。我当年第一次知道这事，是在做一个报价单页面，数字和单位之间老被拆到两行去，气得直拍桌子。后来有人甩过来一句“用nbsp啊”，那感觉就像便秘三天突然通了。

但别急着满屏乱撒 。这玩意儿有个坏脾气：它占的宽度跟普通空格一样，但不会因文本对齐而伸缩。做中文排版时，两个 可以模拟全角空格，比如“姓名：张三”这种标签对齐，比用CSS硬调省心。可如果你用它在段落开头缩进两个字符，维护起来就是灾难——满眼的  ，改个字号全乱了。

更隐蔽的坑在表格里。有时你想让单元格内容跟左侧留点空隙，敲几个 确实管用，但一旦表格宽度自适应，这些空格会让单元格宽度变得不可预测。我见过一个后台管理系统，列表页每行前面都塞了五个 做缩进，结果客户换了个大屏幕，整列宽度直接撑爆，按钮都挤到屏幕外头去了。最后用CSS的padding-left解决，删掉两百多处实体字符，眼睛都快瞎了。

还有种情况容易上头：连续多个 想模拟等宽间距。比如做代码展示，行首缩进四格，有人就写    。看着挺整齐，但遇到等宽字体还好，碰到比例字体就歪歪扭扭。其实<pre>标签或者white-space: pre才是正解，空格原样保留，还不用跟实体字符较劲。

说句实话， 最实用的场景还是防止孤词。中文里“第 3 章”这种，数字和“章”字之间加个它，排版时就不会出现“第”在行尾、“3章”跑到下一行的惨状。英文里“Mr. Smith”中间放一个，保证Mr.和Smith永不分离。这比用CSS的word-break控制更直接，而且老浏览器也认。

但别依赖它做布局。真正的间距控制，老老实实用margin、padding、flex布局。我见过有人用十几个 拼导航栏之间的空隙，后来想加个下划线，全得重写。HTML的哲学是结构，样式交给CSS去管。 是应急的创可贴，不是手术刀。

最后提醒一句：如果你在写React或Vue模板，直接写 没问题，但别在JavaScript字符串里拼一堆这玩意儿去渲染，维护起来比读天书还难受。真要动态生成空格，用'\u00A0'，至少代码里能看出这是个特殊字符。

空格虽小，坑却不少。记住一点：它解决的是“不换行”和“单个空格”，不是用来搞排版的。下次手痒想连按空格键时，先想想是不是该用CSS了。