帮企业建网站,网络广告有哪些,wordpress 发布服务器,网站建设服务费如何做会计分录一、问题#xff1a;
原本传入的文本是有换行的#xff0c;但是用div展示接口返回的文本#xff0c;所示内容没有保持原有格式没达到换行效果
以下是传入到接口的文本格式 使用div标签展示接口返回的文本#xff0c;但并没有保持原有格式#xff0c;文本也没换行 di…一、问题
原本传入的文本是有换行的但是用div展示接口返回的文本所示内容没有保持原有格式没达到换行效果
以下是传入到接口的文本格式 使用div标签展示接口返回的文本但并没有保持原有格式文本也没换行 div classvalue line14{{ printData }}/div div展示文本是没有换行的 其中printData是从接口获取存入的文本 二、需求
要保留原有的内容格式且文本有换行
三、解决方法
3.1、将div标签更改为pre标签
pre classvalue line14{{ printData }}/pre
此时文本会保留原因的内容格式 且有换行 3.2、新问题
但是pre标签的内容不会自动换行如果一行文字太多时会超出屏幕形成横向滚动条
解决让pre文本内容自动换行 兼容多个浏览器
style langscss scopedpre{white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;*word-wrap: break-word;*white-space : normal ;}
/style
3.3、最终展示效果 每行有空格换行等都能保持原本格式 最后
