• 技术文章 >web前端 >html教程

    html标签失效怎么办

    醉折花枝作酒筹醉折花枝作酒筹2021-06-09 10:46:41原创87

    解决方法:1、将元素的innerText赋值成元素的innerHTML;2、类似回车的换行,使用“word-break:break-all;word-wrap:break-word;white-space:pre-line;”样式进行呈现。

    本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

    1)将元素的innerText 赋值成 元素的 innerHTML。即可避免转义的问题,将字符串中包含的 HTML标签生效。

    <div ref="introContent" class="intro__content">{{intro}}</div>
    
    mounted() {
            // let text = this.$refs.introContent.innerText;
            // this.$refs.introContent.innerHTML = text;
        },

    2)类似于回车那种换行,用样式呈现换行

    word-break: break-all;
    word-wrap: break-word;
    white-space: pre-line;

    推荐学习:html视频教程

    以上就是html标签失效怎么办的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:html 标签
    上一篇:html中浮动是什么 下一篇:jsp和html的区别有哪些
    第16期线上培训班

    相关文章推荐

    • html如何实现audio停止• HTML5框架有哪些• html中设置字体的属性有哪些• html如何设置首行缩进• html5标签有哪些

    全部评论我要评论

  • 王灿

    测试一下sql;

    2021-06-09

  • 取消发布评论发送
  • 1/1

    PHP中文网