来访~101749 文章~106 评论~25
2022年10月25日 作者 张临志

html字符串换行符不生效问题处理

最近项目在调试打印审批单,中间部分使用的table、tr、td、th标签,维护数据的时候使用回车键进行换行,表里存储的字符串换行符也正常存储,拿出来打印展示时发现换行符不生效,字符串连在一起展示出来了,调试发现需要保留换行符的时候使用white-space: pre-line可以进行换行

<tr class="text-left">
  <th colspan="6"  style="white-space: pre-line">{{printData.changeDetail}}</th>
</tr>