Vue v-html中内容图片过大自适应处理

之前图片如下,图片已经超出了页面的展示范围

对v-html增加样式处理

javascript 复制代码
<div class="body padding-l scroll " v-html="docData.content">       
</div>


<style scoped>

    .body >>> img {
        max-width: 100% ;
    }
</style>

效果如下:

相关推荐
西西学代码2 分钟前
Flutter---坐标网格图标
前端·javascript·flutter
用户21411832636023 分钟前
假期值班,困在形式主义里的“假坚守”
前端
需要兼职养活自己8 分钟前
react【portals】与vue3【<Teleport>】
前端·react.js
用户47949283569159 分钟前
React 19.2 重磅更新:终于解决 useEffect 依赖数组难题
前端·react.js
梦里小白龙15 分钟前
前端视频课程添加水印,全屏不消失解决方法
前端·音视频
我命由我1234520 分钟前
PDFBox - PDDocument 与 byte 数组、PDF 加密
java·服务器·前端·后端·学习·java-ee·pdf
@PHARAOH21 分钟前
HOW - prefetch 二级页面实践
前端·javascript·react.js
EF@蛐蛐堂23 分钟前
WUJIE VS QIANKUN 微前端框架选型(一)
前端·vue.js·微服务·架构
咚咚咚小柒30 分钟前
【前端】用el-popover做通用悬停气泡(可设置弹框宽度)
前端·javascript·vue.js·elementui·html·scss
Ares-Wang31 分钟前
CSS3》》 transform、transition、translate、animation 区别
前端·css·css3