1***@qq.com
1***@qq.com
  • 发布:2024-08-13 14:34
  • 更新:2024-08-13 15:09
  • 阅读:121

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

分类:uni-app

产品分类: 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;无法保留换行

2024-08-13 14:34 负责人:无 分享
已邀请:
BFC

BFC

你好,这是编译时,把文本的换行都处理了,解决方案是每行都套个view标签,或者将里面的文本保存到变量,

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

// template  
div class="content" v-text="title"></div>

要回复问题请先登录注册