Open Annanikimi opened 3 months ago
微信小程序 3.3.4基础库 插件版本:2.5.0
span标签包含image后会导致样式渲染错误 在浏览器正确渲染图片:
微信小程序使用框架渲染图片:
初步自排查发现在小程序中将span标签中的文字进行了text标签的包裹导致结构错误,进一步导致的样式错误,如果取消掉text的标签包裹就正常。
代码片段
<p style="text-align: justify; text-indent: 2em; line-height: 2em;"> <span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 17px;">芬芳四月,我们伴随着和煦的春风走进了书海,在书海中尽情的遨游。在此月我园陆续开展了21天阅读打卡、亲子电台、红色故事进校园、户外阅读、走进图书馆等一系列丰富多彩的活动,宝贝们收获了许多的幸福和快乐。在闭幕式上刘园长鼓励大家要继续坚持阅读、与书为伴,让读书成为一种习惯、一种力量、一种追求。<img data-width="4096" data-height="3072" src="https://image.baidu.com/search/albumsdetail?tn=albumsdetail&word=%E5%9F%8E%E5%B8%82%E5%BB%BA%E7%AD%91%E6%91%84%E5%BD%B1%E4%B8%93%E9%A2%98&fr=searchindex_album%20&album_tab=%E5%BB%BA%E7%AD%91&album_id=7&rn=30" style="text-align: center; text-wrap: wrap;"/></span> </p>
使用环境
微信小程序 3.3.4基础库 插件版本:2.5.0
问题描述
span标签包含image后会导致样式渲染错误 在浏览器正确渲染图片:![微信截图_20240506105823](https://github.com/jin-yufeng/mp-html/assets/50627384/0c7fa45c-1dfc-4f4d-a8e9-7211c8d56c3b)
微信小程序使用框架渲染图片:![微信截图_20240506105807](https://github.com/jin-yufeng/mp-html/assets/50627384/f4c9a9e7-e655-4bef-9f7b-588e0eb16e21)
初步自排查发现在小程序中将span标签中的文字进行了text标签的包裹导致结构错误,进一步导致的样式错误,如果取消掉text的标签包裹就正常。
复现方式
代码片段