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

vue中使用v-html标签渲染页面、由于代码不会自动换行、会导致页面溢出。

此时可以做如下改动、备注一下防止忘记~

  • 文章内容样式比较奇怪,可以做以下改动

    • 保持文本内容原样输出(给父盒子设置):white-space: pre-wrap;

  • 设置pre中文本换行:

    • 给v-html代码中的pre设置 white-space: pre-wrap; & word-break: break-all;

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!评论后一分钟后可见哦~~~
提交
头像

昵称

取消
昵称表情

    暂无评论内容