Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

微信小程序富文本样式渲染错误 #598

Open
Annanikimi opened this issue May 6, 2024 · 0 comments
Open

微信小程序富文本样式渲染错误 #598

Annanikimi opened this issue May 6, 2024 · 0 comments

Comments

@Annanikimi
Copy link

Annanikimi commented May 6, 2024

使用环境

微信小程序 3.3.4基础库
插件版本:2.5.0

问题描述

span标签包含image后会导致样式渲染错误
在浏览器正确渲染图片:
微信截图_20240506105823

微信小程序使用框架渲染图片:
微信截图_20240506105807

初步自排查发现在小程序中将span标签中的文字进行了text标签的包裹导致结构错误,进一步导致的样式错误,如果取消掉text的标签包裹就正常。

复现方式

代码片段

<p style="text-align: justify; text-indent: 2em; line-height: 2em;">
    <span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; 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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant