HTML中连续空白字符被解析器压缩为单个空格，需用 或white-space CSS属性控制；后端清洗应先strip_tags，再用preg_replace('/\s+/u', ' ', $text)压缩空白并trim。
HTML里敲多个空格，浏览器只认一个——这是解析器的默认行为，不是bug，也不能靠“多敲几次”解决。
为什么直接打空格没用
HTML解析器在词法分析阶段就把所有连续空白字符（空格、\t、\n、\r）统一转成单个U+0020空格，再压缩成一个可见空格。所以哪怕你写<p>hello world</p>，不加 的部分照样塌缩。
常见错误现象：
- 编辑器里看着有4个空格，预览时只剩1个
-
<span>A</span> <span>B</span>中间空格被忽略，两元素紧贴 - 从CMS或富文本复制内容到
<textarea>，出现大段缩进和空行
什么时候该用、什么时候不该用
是不可断空格（non-breaking space），它阻止换行且不被压缩。但它本质是字符，不是样式控制手段。
立即学习“前端免费学习笔记（深入）”；
适用场景：
- 防止单词被折行，比如“100 km”、“Mr. Smith”
- 需要精确对齐的极简排版，如纯文本表格（
<pre>不合适时） - 替换单个必须保留的空格，比如数字后单位：
5 px
不该用的场景：
- 想给两个
<div>之间加20px间距——该用margin - 整段文字缩进——该用
text-indent或padding - 批量处理用户提交内容——
strip_tags()删不掉
white-space 属性的实际取值差异
white-space 是CSS中控制空白行为最直接的开关，但不同值效果差别很大：
-
normal：默认值，压缩空白、允许换行 -
nowrap：压缩空白，但禁止换行（整行挤在一行，可能溢出容器） -
pre：完全保留源码空格和换行，像终端输出——但不会自动换行，长文本会撑宽容器 -
pre-wrap：保留空格和换行，同时允许自动换行（最常用的安全选择） -
pre-line：合并连续空格，但保留换行符（适合日志类文本）
性能提示：设为pre或pre-wrap的元素，浏览器需逐字符测量宽度，大量文本时渲染略慢。
PHP后端清理HTML残留空白的可靠写法
前端用white-space只能管显示，后端存数据前必须规范化。用strip_tags()后，原始HTML里的缩进、空行、多空格全还在。
正确清洗步骤：
- 先调用
strip_tags($html)移除标签 - 再用
preg_replace('/\s+/', ' ', $text)把所有空白符（含\n、\t）压成单空格 - 最后
trim()去首尾空格
注意别写成preg_replace('/ +/', ' ', $text)——它只匹配ASCII空格，漏掉制表符和换行；也别用str_replace(' ', ' ', $text)循环替换，效率低且不彻底。
容易被忽略的一点：\s在PCRE中默认不匹配Unicode空白（如中文全角空格），如果业务涉及多语言，需显式加u修饰符：preg_replace('/\s+/u', ' ', $text)。
