标题uniapp多个空格只显示一个的原因记录

最新推荐文章于 2025-01-01 17:18:32 发布

温醉

最新推荐文章于 2025-01-01 17:18:32 发布

阅读量349

点赞数 1

文章标签： uni-app

本文链接：https://blog.youkuaiyun.com/m0_58058746/article/details/137495804

版权

文章探讨了在uniapp开发中，使用CSSwhite-space属性设置为pre时，多个空格如何被合并为一个显示的问题，并解释了不同white-space值对空白符处理的影响。

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

.[类名] {
	white-space:pre;
}

white-space

第一列	第二列
normal	默认值。连续的空白符会被合并。源码中的换行符会被当作空白符来处理。并根据填充行框盒子的需要来换行。
pre	连续的空白符会被保留。仅在遇到换行符或元素时才会换行。
nowrap	和 normal 一样合并空白符，但阻止源码中的文本换行。
pre-wrap	连续的空白符会被保留。在遇到换行符或元素时，或者根据填充行框盒子的需要换行。
pre-line	合并空白符序列，但是保留换行符
inherit	规定应该从父元素继承 white-space 属性的值。