工作生活

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

2019-07-04  本文已影响0人  YJ_1101

首先,使用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,问题解决啦!

上一篇 下一篇

猜你喜欢

热点阅读