Vue学习笔记(三):v-html渲染页面代码溢出问题
vue中使用v-html标签渲染页面、由于代码不会自动换行、会导致页面溢出。
此时可以做如下改动、备注一下防止忘记~
-
-
保持文本内容原样输出(给父盒子设置):
white-space: pre-wrap;
-
-
设置
pre
中文本换行:-
给v-html代码中的pre设置
white-space: pre-wrap;
&word-break: break-all;
-
|| 版权声明
作者:云言
链接:https://yyink.cn/archives/295.html
声明:如无特别声明本文即为原创文章仅代表个人观点,版权归《云言博客》所有,欢迎转载,转载请保留原文链接。
作者:云言
链接:https://yyink.cn/archives/295.html
声明:如无特别声明本文即为原创文章仅代表个人观点,版权归《云言博客》所有,欢迎转载,转载请保留原文链接。
THE END
0
二维码
海报
Vue学习笔记(三):v-html渲染页面代码溢出问题
vue中使用v-html标签渲染页面、由于代码不会自动换行、会导致页面溢出。
此时可以做如下改动、备注一下防止忘记~
文章内容样式比较奇怪,可以做以下改动
……

共有 0 条评论