解决Vue用v-html、v-text渲染后台富文本框文本内容样式修改问题,用自定义css样式无法渲染出对应效果的问题
生活随笔
收集整理的這篇文章主要介紹了
解决Vue用v-html、v-text渲染后台富文本框文本内容样式修改问题,用自定义css样式无法渲染出对应效果的问题
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
舉例:
?
如果您要加載富文本框內容的DOM id是detail
那么就這么寫scss樣式
#detail {font-size: 14px;text-align: center;&>>>p {font-size: 14px;text-align: justify;line-height: 26px;color: #666;margin-bottom: 20px;&:last-of-type {margin-bottom: 0;}}&>>>img {margin-bottom: 20px;}
}
注意“>>>”這個很關鍵,是用來延遲渲染樣式的,其原理就是等待富文本內容、圖片全部加載完了在渲染樣式
總結
以上是生活随笔為你收集整理的解决Vue用v-html、v-text渲染后台富文本框文本内容样式修改问题,用自定义css样式无法渲染出对应效果的问题的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 在WebStorm里面搜索文件中出现的中
- 下一篇: Vue引入百度地图,如何去掉左下角的版权