Vue学习笔记(三)：v-html渲染页面代码溢出问题

云言 • 2022-09-11 • VUE • 930 阅读

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
声明：如无特别声明本文即为原创文章仅代表个人观点，版权归《云言博客》所有，欢迎转载，转载请保留原文链接。
THE END
分享
二维码
海报
Vue学习笔记(三)：v-html渲染页面代码溢出问题
vue中使用v-html标签渲染页面、由于代码不会自动换行、会导致页面溢出。 此时可以做如下改动、备注一下防止忘记~ 文章内容样式比较奇怪，可以做以下改动 ……
<<上一篇
下一篇>>