問題描述: (圖片溢出情況)
首先我們來思考一下,應該需要怎么做,才能讓圖片自適應呢?
圖片要自適應,不能溢出父類寬度,可以設置圖片的max-width:100%就好了。一般后端接口返回的富文本數據是字符串,那么我們直接來操作字符串的替換就好了。
JS字符串替換,利用正則匹配一下img標簽,然后再String對象的replace方法處理一下就好。
let str3 = "<img src='123'/> <img src='456'/> <img src='789'/>"; let result = str3.replace(/<img/g, '<img style="max-width: 100%;"'); //打印輸出的結果 console.log(result);