首頁 > web前端 > html教學 > html標籤失效怎麼辦

html標籤失效怎麼辦

醉折花枝作酒筹
發布: 2023-01-06 11:16:55
原創
3243 人瀏覽過

解決方法:1、將元素的innerText賦值成元素的innerHTML;2、類似回車的換行,使用「word-break:break-all;word-wrap:break-word;white-space :pre-line;」樣式進行呈現。

html標籤失效怎麼辦

本教學操作環境: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.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板