v-html 空格/换行不生效

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

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

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


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

不生效

加了white-space后

相关推荐
35再转行18 分钟前
三栏布局(圣杯和双飞翼布局)
前端·css
大佩梨33 分钟前
vue使用自动化导入api插件unplugin-auto-import,避免频繁手动导入
前端·vue.js·自动化
終不似少年遊*1 小时前
通过一个算法的设计来了解栈的一些应用
java·前端·数据库
路近岸1 小时前
Angular-生命周期及钩子函数
前端·javascript·angular.js
灵性(๑>ڡ<)☆2 小时前
Vue3学习-day4
前端·vue.js·学习
李游Leo2 小时前
深入理解 ECMAScript 2024 新特性:正则表达式 /v 标志
前端·正则表达式·ecmascript
高神龙拒绝做个菜鸟3 小时前
常见兼容性问题
前端·性能优化
梦仔生信进阶4 小时前
基于R计算皮尔逊相关系数
前端·数据库·r语言
liuweidong08024 小时前
【Pandas】pandas Series rtruediv
前端·javascript·pandas
布兰妮甜5 小时前
px、em 和 rem 的区别:深入理解 CSS 中的单位
前端·css·px-em-rem·布局技巧·css单位