元素内文本连续空格被合并为一个空格（无法主动换行显示）

Luuuu_uu

已于 2024-08-29 13:41:16 修改

阅读量428

点赞数 1

文章标签：前端 css html

于 2024-04-12 10:25:25 首次发布

本文链接：https://blog.csdn.net/m0_63477273/article/details/137671424

版权

本文介绍了HTML解析时空白字符合并的问题，并提供了三种CSS样式解决方案：white-space属性设置为pre、pre-wrap和pre-inline，以控制空白字符的处理方式。

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

原因：HTML 在解析时会将连续的空白字符（包括空格、制表符和换行符）合并为单个空格

解决方法：容器添加css样式：

/*连续空格和换行保留，不自动换行*/
white-space: pre;

/*连续空格和换行保留，自动换行*/
white-space: pre-wrap;

/*换行保留，自动换行*/
white-space: pre-line;