技术栈

v-html 空格/换行不生效

38kcok9w2vHanx_2024-07-05 20:22

接口返回的内容如下:有空格有换行,但 使用v-html无效

需加css样式 white-space: pre-wrap;

javascript 复制代码
<div class="pretty-html" v-html="Value"></div>


.pretty-html {
    white-space: pre-wrap; /* 保留空格和换行,并允许自动换行 */
}

不生效

加了white-space后

上一篇:【基于R语言群体遗传学】-3-计算等位基因频率
下一篇:路由器虚拟化之VRF(vpn-instance)和动态路由配置实例
相关推荐
黄敬峰
2 小时前
从 DFS 遍历到抖音推荐算法:前端工程师的硬核复习笔记
前端
zach
2 小时前
网页中的虚拟滚动技术是不是源自IOS中的tableview的机制
前端
林希_Rachel_傻希希
2 小时前
1小时速通React之Hooks
前端·javascript·面试
柯克七七
2 小时前
公司前端项目打包体积从 2MB 降到 400KB,我改了这四个配置
前端
英勇无比的消炎药
2 小时前
我才发现这些架构的“拆”与“合”哲学
前端
shen_
2 小时前
AI Coding:前端UI规范笔记
前端
llz_112
3 小时前
web-第五次课后作业
前端·后端·http
恋猫de小郭
4 小时前
Redis 作者反驳「中国模型之所以强,是因为通过 API 蒸馏了美国模型」
前端·人工智能·ai编程
Darling噜啦啦
4 小时前
Canvas 游戏开发与数据可视化实战:从飞机大战到 ECharts 报表
前端·echarts·canvas
热门推荐
012026年6月AI行业全景:从百模大战到Agent元年,这30天发生了什么?022026 AI 编程工具终极实战指南:Cursor vs Claude Code vs Copilot,开发者该怎么选?032026 年 AI 编程工具终极横评:Cursor vs Claude Code vs Copilot vs Windsurf04HTTP 与 HTTPS 的区别:从原理到实战详解05【AI】2026 年具身智能模型和世界模型总结06GitHub 镜像站点07上线仅72小时被强制下架:Claude Fable 5 的短命08AI科技热点日报 | 2026年6月1日09Claude Code、Codex、Cursor三分天下:2026年AI编程Agent生态全景剖析10Codex 下载安装指南:Windows 和 macOS 官方版下载