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>