div支持字符串\n换行


数据库存有包含换行的字符串,要显示再html页面中

div支持字符串\n换行

页面中并没有显示换行

div支持字符串\n换行

div支持换行字符串

虽然可以使用pre,但是个人不太喜欢这种方式,希望能用css实现,通过一番搜索,终于找到方法

使用css:

white-space: pre;

div支持字符串\n换行

效果:

div支持字符串\n换行

 

方案二

把\n替换为<br/>,然后div中用v-html绑定

res.data.zhiBanData.luKuangJianBao=res.data.zhiBanData.luKuangJianBao.replaceAll('\n','<br/>')
<div v-html="reportData.zhiBanData.luKuangJianBao"></div>

 

 

版权声明:本文为YES开发框架网发布内容,转载请附上原文出处连接
张国生
上一篇:FastReport完全破解--asp.net使用签名问题
下一篇:RestSharp上传文件AddFile无效的解决方案
评论列表

发表评论

评论内容
昵称:
关联文章

div支持字符串\n
CSS样式:div文本超出用...表示 div
微信小程序中,空格(多个空格)写法
javascript删除html字符串中的空行
CSS设置奇偶(交替)颜色样式
AgGrid: Row根据内容自动高度
.NET 百万级 大数据插入、更新 ,支持多种数据库
SqlServer PIVOT函数快速实现转列,UNPIVOT实现列转行
RSA Key转换成一,PEM密钥提取,去掉注释,去掉换
AgGrid 选中第一
RSA PrivateKey私钥字符串转PEM格式证书
C#格式化JSON字符串
C# 数据库连接字符串Microsoft.Data.Sqlite数据库连接
TinyMCE富文本编辑器 autoLink 插件配置,全角支持
C# 根据DataTable 转换成JSON 文本字符串数据
IOS日期兼容性 不支持new Date(str)
Python对象转json字符串
JS生成一个随机字符串
Tinymce编辑器加载后默认为P元素,修改为DIV
页面快排插件配置支持图片上传

联系我们
联系电话:15090125178(微信同号)
电子邮箱:garson_zhang@163.com
站长微信二维码
微信二维码