HTML中如何保留字符串的空白符和换行符号的效果
有个字符串 储值门店{{thing3.DATA}}\n储值卡号{{character_string1.DATA}}\n储值金额{{amount4.DATA}}\n当前余额{{amount5.DATA}}\n储值时间{{time2.DATA}} ，
HTML中想要保留 \n的换行效果的有下面3种方法：
1、style 中 设置 white-space: pre-line;
<div style="white-space: pre-line;">
储值门店{{thing3.DATA}}
储值卡号{{character_string1.DATA}}
储值金额{{amount4.DATA}}
当前余额{{amount5.DATA}}
储值时间{{time2.DATA}}
</div>
2、加<pre>标签
<pre>
储值门店{{thing3.DATA}}
储值卡号{{character_string1.DATA}}
储值金额{{amount4.DATA}}
当前余额{{amount5.DATA}}
储值时间{{time2.DATA}}
</pre>
3、\n替换成 <br/> 然后使用 v-html ,这个方法不建议
完成效果如图：
原文地址：https://blog.csdn.net/chengmin123456789/article/details/145159906
免责声明：本站文章内容转载自网络资源，如侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！