- 发布：2026-02-03 09:27
- 更新：2026-02-03 20:15
- 阅读：129
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 10
HBuilderX类型： Alpha
HBuilderX版本号： 5.0
手机系统： 全部
页面类型： vue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
测试过的手机：
操作步骤：
通过新建标签 <uni-text>标签检查样式会出现如下代码：
uni-text {
white-space: pre-line;
}
原本没有这行代码，因为这行代码导致样式错乱与原本样式不符
通过新建标签 <uni-text>标签检查样式会出现如下代码：
uni-text {
white-space: pre-line;
}
原本没有这行代码，因为这行代码导致样式错乱与原本样式不符
预期结果：
修复相关样式问题，并检查5.0版本更新的内容是否有其他样式问题
修复相关样式问题，并检查5.0版本更新的内容是否有其他样式问题
实际结果：
uni-text {
white-space: pre-line;
}
uni-text {
white-space: pre-line;
}
bug描述：
工具升级到最新版本 出现样式错乱问题，检查代码发现uni-text新增了几个样式与更新前的样式输出不一致
欢迎到专业群（ uni-app 官方技术交流群 1 ） 咨询，群中有相关专业的管理员和群友。
您好，收到您关于「uni-text 升级后出现样式错乱」的反馈。经核对，目前官方最新 Alpha 版本为 4.87，您提到的「5.0」并非官方正式版本号，请先确认实际版本（菜单 帮助 → 关于）。
在官方 4.87 及以往所有发行记录中，未找到为 <uni-text> 追加 white-space: pre-line 的变更，因此初步判断：
- 该样式极有可能是您项目内其他样式文件、条件编译或第三方库引入；
- 若您确实在升级后看到此行内联样式，请提供最小可复现 demo（仅含
<uni-text>及必要样式），并说明运行平台（App-vue / App-nvue / H5）以及「错乱」的具体表现（换行异常、文字重叠、布局错位等截图）。
临时规避方案
在页面级样式中覆盖即可立即恢复旧表现：
/* #ifdef H5 || APP-PLUS */
uni-text { white-space: normal !important; }
/* #endif */下一步
请您补充以下信息，方便官方在 ISSUE 系统跟踪：
- HBuilderX 真实版本号截图；
- 最小复现 demo（zip 或 GitHub 地址）；
- 运行平台及「错乱」截图。
收到完整信息后，如确认是 uni-ui 组件问题，官方将在下一版修复。
t***@jpgoodbuy.com (作者)
新建空白项目创建text标签 标签就会有默认属性white-space: pre-line
2026-02-04 09:11
DCloud_UNI_yuhe
回复 t***@jpgoodbuy.com: 需要能够复现你提到的样式错乱的项目
2026-02-04 14:06
t***@jpgoodbuy.com (作者)
回复 DCloud_UNI_yuhe:我想说的是你们更新修改了基础样式 如果你们只能通过我原有代码才能修改 那就不用了 样式问题我们自己可以处理
2026-02-05 08:20
DCloud_UNI_yuhe
回复 t***@jpgoodbuy.com: 是有改动，如果又影响您的代码，还请提供一下您的用法来评估一下影响
2026-03-23 12:07
DCloud_UNI_yuhe
https://issues.dcloud.net.cn/pages/issues/detail?id=24206
2026-03-23 12:07