记一次webView显示富文本图片遇到的问题,富文本图片适配

一个项目里的商品详情页,是加载的富文本,用WebView显示的,商品的详情图之间,出现了留白,需求要求去掉空白,每个图片之间要“完美衔接”(无奈笑)
这里提供一个富文本适配方案,作为一个没写过前端的我来说,也挺不容易了哈哈哈哈哈,百度来的,稍微做了调整,测试有效,希望对遇到相同问题的小伙伴有帮助,

/**
 * 富文本适配
 */
private String getHtmlData(String bodyHTML) {
    windowWidth = windowWidth/2;
    String css = "<style> img{max-width:100%;width:auto !important;height:auto !important;min-height:10px;} p{margin-top:0 !important;margin-bottom:0 !important;}</style>";
    String html = "<html><header>" + css + "</header><body style='margin:0;padding:0'>" +bodyHTML + "</body></html>";
    return html;
}

调用:


1566887069(1).png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容