Vue 设置v-html中元素样式

使用方式: <<< img { max-width: 100% }

如:要将v-html中的图片元素(img)的最大宽度设置为100%.

javascript 复制代码
<template>
    <div >
        <div class="rtfDiv book" v-html="content">
        </div>
    </div>
</template>

<script>

    export default {
        name: 'RtfView',
        props: {
            content: {},
        },
        data() {
            return {
            }
        },       
    }

</script>

<style scoped>

    .rtfDiv >>> img {
        max-width: 100% ;
    }


    .rtfDiv {
        min-height: 700px;
        background-color: #fff;
        padding: 30px;
        margin : 15px 150px;
    }

</style>
相关推荐
深度混淆3 分钟前
实用功能,觊觎(Edge)浏览器的内置截(长)图功能
前端·edge
Smartdaili China4 分钟前
如何在 Microsoft Edge 中设置代理: 快速而简单的方法
前端·爬虫·安全·microsoft·edge·社交·动态住宅代理
秦老师Q5 分钟前
「Chromeg谷歌浏览器/Edge浏览器」篡改猴Tempermongkey插件的安装与使用
前端·chrome·edge
滴水可藏海6 分钟前
Chrome离线安装包下载
前端·chrome
endingCode10 分钟前
45.坑王驾到第九期:Mac安装typescript后tsc命令无效的问题
javascript·macos·typescript
m512716 分钟前
LinuxC语言
java·服务器·前端
Myli_ing1 小时前
HTML的自动定义倒计时,这个配色存一下
前端·javascript·html
dr李四维1 小时前
iOS构建版本以及Hbuilder打iOS的ipa包全流程
前端·笔记·ios·产品运营·产品经理·xcode
I_Am_Me_2 小时前
【JavaEE进阶】 JavaScript
开发语言·javascript·ecmascript
雯0609~2 小时前
网页F12:缓存的使用(设值、取值、删除)
前端·缓存