jin-yufeng/mp-html

富文本插入 table 且表格内嵌image时,布局错乱

MissYss opened this issue · 0 comments

使用环境

微信小程序 v2.25.0

问题描述

-----------原始富文本(预期效果)

image

-----------Taro 编译后的微信小程序(非预期)

image

-----------微信原生开发的小程序(非预期)

image

复现方式

<html> <body><p>“很久很久以前流传着一个古老传说,这世上存在着七颗名为龙珠的圆球散落各处,只要集齐七颗龙珠并念出咒文,便可召唤出神龙,无论任何愿望都可替许愿人达成”。</p><p>住在深山中的孙悟空本领高强,一次偶然的机会他随天才科学家·布尔玛一起走出大山,开始致力于寻找分散在世界各地的七颗龙珠。在这期间,还结识了好色的龟仙人与乌龙、一看到女人就面红耳赤的雅木茶以及自大的和尚小林等伙伴,不但经历了各种各样的冒险和奇遇,也惹出一连串爆笑的故事。当然,也有许多邪恶的家伙们为了满足私欲而寻找龙珠,为此与悟空等人展开了一连番的激斗。为了实现愿望、突破自我、变得更强,围绕着悟空及他的伙伴们,在大世界的浪漫冒险就这样开始了 !</p><table style="text-align: start;"><tbody><tr><td colspan="1" rowspan="1" style="line-height: 22px;">筋斗云猫仙人送给青年龟仙人的礼物,只有内心纯善的人才能坐上去。本体是卡林塔外的一大片云。不怕子弹、炮弹等一切物理攻击,但会被魔族的攻击打散。龟仙人因好色而无法使用,于是送给了孙悟空;被魔族战士·丹巴林打散后,猫仙人从筋斗云本体中送给了悟空新的一块。</td><td colspan="1" rowspan="1" style="line-height: 22px;"><img src="https://user-images.githubusercontent.com/42669638/185041758-a580b306-fef8-469b-b0e3-69628a5c93fd.png" alt="" data-href="" style=""></td></tr><tr><td colspan="1" rowspan="1" style="line-height: 22px;">如意棒作为孙悟空的武器登场。红色,没有装饰,只是孩子的手才能握住的粗细圆柱形棍。卡林塔本来是用来连接从山顶到更上面的神的宫殿去宫殿的,但是龟仙人向卡林求借,经过孙悟饭后作为武器被赋予了悟空。</td><td colspan="1" rowspan="1" style="line-height: 22px;"><img src="https://user-images.githubusercontent.com/42669638/185041799-48686712-f76f-451c-98ed-69fb3cf81840.png" alt="" data-href="" style=""></td></tr><tr><td colspan="1" rowspan="1" style="line-height: 22px;">仙豆一种神奇食物。由传说中居住在卡林塔上的猫仙人栽培,专为肚子饿的z战士提供。最早设定当中,仙豆吃一粒十天不饿,能在极度疲劳中恢复体力,将身体重新调整到最佳状态。</td><td colspan="1" rowspan="1" style="line-height: 22px;"><img src="https://user-images.githubusercontent.com/42669638/185041758-a580b306-fef8-469b-b0e3-69628a5c93fd.png" alt="" data-href="" style=""></td></tr><tr><td colspan="1" rowspan="1" style="line-height: 22px;">万能胶囊布尔玛家族企业所研制开发的一种高科技产品,小小的胶囊可以装下摩托、汽车、飞机和房屋等。</td><td colspan="1" rowspan="1" style="line-height: 22px;"><img src="https://user-images.githubusercontent.com/42669638/185041799-48686712-f76f-451c-98ed-69fb3cf81840.png" alt="" data-href="" style=""></td></tr></tbody></table><p><br></p></body> </html>