vue中使用v-html加载的富文本，css中定义样式不生效

如题，使用v-html加载一段富文本，富文本里包含图片，在手机上图片宽度可能会溢出<div v-html="htmlContent" class="rich"></div><style scope>.rich>>> img{ disp

、不知不觉、

11357人浏览 · 2018-10-30 14:29:43

、不知不觉、 · 2018-10-30 14:29:43 发布

如题，使用v-html加载一段富文本，富文本里包含图片，在手机上图片宽度可能会溢出

    <div v-html="htmlContent" class="rich"></div>
    
    <style scope>
 		.rich>>> img{ display:block; max-width: 100%}
    </style>

注意：这里的>>>需要使用css语法，写在less里会报错
原文链接：https://blog.csdn.net/yanby921005/article/details/79963722

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^