HTML5空格是解析时合并空白字符,CSS white-space是渲染时控制空白显示;需区分二者,用 、pre或white-space:pre-wrap保留空格,布局间距应使用margin或gap而非空格。

HTML5 空格和 CSS 空格根本不是同一类东西:前者是 HTML 解析器对源码中空白字符的处理规则,后者是 CSS 层面对元素内/间空白的渲染控制方式。混淆它们,轻则排版错乱,重则调试半天找不到原因。

HTML5 中连续空格会被合并成一个

浏览器解析 HTML 时,默认把源码里的多个空格、制表符、换行符都当作“空白字符”,统一压缩为单个空格(除非在