uni-app 【报Bug】white-space: pre-line; 无法保留换行符

uni-app 【报Bug】white-space: pre-line; 无法保留换行符

项目属性 信息
产品分类 uniapp/App
PC开发环境操作系统 Mac
PC开发环境操作系统版本号 11
HBuilderX类型 正式
HBuilderX版本号 4.24
手机系统 Android
手机系统版本号 Android 14
手机厂商 华为
手机机型 mate40
页面类型 vue
vue版本 vue3
打包方式 云端
项目创建方式 HBuilderX

示例代码：

<div class="content">  
    (1)财产安全权：消费者在购买、使用商品或接受服务时享有财产安全不受侵害的权利；
    (2)知情权：消费者在购买、使用商品或接受服务时有权得到及时、真实、准确、全面的信息披露和风险提示；
    (3)自主选择权：消费者在购买、使用商品或接受服务时有权根据自己的消费意愿和需要，自主地、充分地选择意见商品或者服务；
    (4)公平交易权：经营者不得违反公平条件，不得加重、限制或排除消费者的合法权利，不得减轻、免除自身责任；
    (5)受尊重权：消费者在购买、使用商品或接受服务时享有其人格尊严、民族风俗习惯等得到尊重的权利；
    (6)受教育权：消费者亨有获得有关商品和服务的知识，提升其认知能力及自我保护能力的权利;
    (7)依法求偿权：消费者因购买、使用商品或接受服务时，受到人身、财产损害的，享有依法获得赔偿的权利；
    (8)信息安全权:经营者应当严格防控消费者信息泄露风险，保障消费者信息安全。
</div>

.content{  
    color: #666;  
    font-size: 15px;  
    white-space: pre-line;  
}

操作步骤：

h5 css 设置white-space: pre-line;无法保留换行

预期结果：

h5 css 设置white-space: pre-line;无法保留换行

实际结果：

h5 css 设置white-space: pre-line;无法保留换行

bug描述：

h5 css 设置white-space: pre-line;无法保留换行


更多关于uni-app 【报Bug】white-space: pre-line; 无法保留换行符的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app 【报Bug】white-space: pre-line; 无法保留换行符的实战教程也可以访问 https://www.itying.com/category-93-b0.html


你好，这是编译时，把文本的换行都处理了，解决方案是每行都套个view标签，或者将里面的文本保存到变量， data() {
return {
title: (1)财产安全权：消费者在购买、使用商品或接受服务时享有财产安全不受侵害的权利； (2)知情权：消费者在购买、使用商品或接受服务时有权得到及时、真实、准确、全面的信息披露和风险提示； (3)自主选择权：消费者在购买、使用商品或接受服务时有权根据自己的消费意愿和需要，自主地、充分地选择意见商品或者服务； (4)公平交易权：经营者不得违反公平条件，不得加重、限制或排除消费者的合法权利，不得减轻、免除自身责任； (5)受尊重权：消费者在购买、使用商品或接受服务时享有其人格尊严、民族风俗习惯等得到尊重的权利； (6)受教育权：消费者亨有获得有关商品和服务的知识，提升其认知能力及自我保护能力的权利; (7)依法求偿权：消费者因购买、使用商品或接受服务时，受到人身、财产损害的，享有依法获得赔偿的权利； (8)信息安全权:经营者应当严格防控消费者信息泄露风险，保障消费者信息安全。
}
},

// template
div class=“content” v-text=“title”>


回到顶部