HTML中如何保留字符串的空白符和换行符号的效果

embedded/2025/1/18 13:21:46/
htmledit_views">

有个字符串  储值门店{{thing3.DATA}}\n储值卡号{{character_string1.DATA}}\n储值金额{{amount4.DATA}}\n当前余额{{amount5.DATA}}\n储值时间{{time2.DATA}}  ,

HTML中想要保留 \n的换行效果的有下面3种方法:

1、style 中 设置 white-space: pre-line; 

html"><div style="white-space: pre-line;">储值门店{{thing3.DATA}}储值卡号{{character_string1.DATA}}储值金额{{amount4.DATA}}当前余额{{amount5.DATA}}储值时间{{time2.DATA}}
</div>

2、加<pre>标签

html"><pre>储值门店{{thing3.DATA}}储值卡号{{character_string1.DATA}}储值金额{{amount4.DATA}}当前余额{{amount5.DATA}}储值时间{{time2.DATA}}
</pre>

3、\n替换成 <br/> 然后使用 v-html ,这个方法不建议

完成效果如图:


 


http://www.ppmy.cn/embedded/154949.html

相关文章

mybatis延迟加载、缓存

目录 一、所需表 二、延迟加载 1.延迟加载概念 2.立即加载和延迟加载的应用场景 3.多对一延迟加载查询演示 (1)实体类 User Account (2)AccountMapper接口 (3)AccountMapper.xml (4)UserMapper接口 (5)UserMapper.xml (6)在总配置文件(mybatis-config.xml)中开启延…

redis实现限流

令牌桶逻辑 计算逻辑&#xff1a; 代码&#xff1a; import redis.clients.jedis.Jedis; import redis.clients.jedis.JedisPool;/*** ClassName RedisRateLimiterTokenBucket* Description TODO* Author zhang zhengdong* DATE 2025/1/17 20:22* Version 1.0*/ public class…

深入探索Go语言中的临时对象池:sync.Pool

深入探索Go语言中的临时对象池:sync.Pool 在当前的编程世界中,Go语言以其简洁的语法、高效的并发支持以及强大的标准库而受到开发者们的青睐。对于那些追求极致性能的程序员来说,Go语言的sync.Pool提供了一个理想的工具集来加速开发过程并优化程序性能。本文旨在全面深入地…

一个悄然崛起的开源项目,已开源

大家好&#xff0c;我是苍何。 最近体验了一款高效的私有化信息订阅平台&#xff0c;叫做 Follow&#xff0c;一上线就火的一塌糊涂&#xff0c;关键还是开源项目&#xff0c;结合苍何自己的使用体验给大家做个分享。 截止目前&#xff0c;就已经收获了 19.5 k 的 star&#x…

网安——CSS

一、CSS基础概念 CSS有两个重要的概念&#xff0c;分为样式和布局 CSS的样式分为两种&#xff0c;一种是文字的样式&#xff0c;一种是盒模型的样式 CSS的另一个重要的特质就是辅助页面布局&#xff0c;完成HTML不能完成的功能&#xff0c;比如并排显示或精确定位显示 从HT…

Vue3实现表格搜索内容高亮

采用html拼接 v-html 指令用来将给定的 HTML 字符串直接渲染到页面上 <template><div><!-- 搜索框 --><input v-model"searchText" placeholder"搜索内容" /><!-- 表格 --><el-table :data"tableData" style…

Mongodb相关内容

Mongodb相关内容 1、Windows平台安装2、Linux平台安装3、基本常用命令文档更新删除文档分页查询索引 pymongo操作 客户端下载&#xff1a;https://download.csdn.net/download/guoqingru0311/90273435 1、Windows平台安装 方式一&#xff1a; 方式2&#xff1a; 方式3&#…

鸿蒙操作系统的安全架构

在当今数字化时代&#xff0c;数据安全与隐私保护成为人们日益关注的焦点。随着智能设备的普及和互联网技术的发展&#xff0c;个人数据泄露的风险也在不断增加。作为中国自主研发的操作系统&#xff0c;鸿蒙&#xff08;HarmonyOS&#xff09;从设计之初就将数据安全与隐私保护…