vue使用v-html数据太长不换行问题

作者: YJ_1101 | 来源:发表于2019-07-04 16:57 被阅读0次

首先，使用pre标签
pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符（例如：\n）。而文本也会呈现为等宽字体。
但是又出现了问题，数据太长会超出，不会换行显示，加上以下👇样式：

pre{
  white-space:pre-wrap;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;
}

ok，问题解决啦！

vue使用v-html数据太长不换行问题
首先，使用pre标签pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符（例如：...
2019-08-12 vue使用v-html数据太长不换行问题
首先，使用pre标签pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符（例如：...
vue使用v-html内回车换行问题
Vue使用v-html输出的样式无法更改
Vue渲染到html元素的数据时使用v-html输出解析下面json的数据在vue中输出label或title...
Vue中的文字换行问题
1、br换行可以使用v-html 2、\n 换行 3、把br替换成\n换行 4、el-tooltip内容换行（把\...
Vue中使用v-html内容图片过大的解决方法
项目中遇到一个问题，使用 Vue 的 v-html 加载数据后，内容里边的后台传回图片太大，显示不全。可以有以下解...
Vue 使用v-html后内容未能解析成html解决方法
1、vue.js中提供了v-html这个指令来解决这个问题，或者对数据对象使用{{{vm.data}}}三个大括号...
vue v-html与<pre></pre&g
vue中可通过v-html来显示html内容也可使用{{{}}},2.0之后不推荐使用
...
Vue中改变v-html渲染出来的样式
在vue2.0中使用v-html渲染时有可能我门会需要微调一下样式,今天在使用v-html时候发现一个问题，渲染出...
css代替v-html换行
CSS代替v-html换行