yato
yato
  • 发布:2021-09-15 10:12
  • 更新:2021-09-18 17:40
  • 阅读:623

【报Bug】rict-text组件 在nvue页面中运行在手机上 img与span元素混排 img设置vertical-align:middle; 无法与同行文字垂直居中对齐

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: Windows 10 专业版 20H2

HBuilderX类型: 正式

HBuilderX版本号: 3.2.3

手机系统: Android

手机系统版本号: Android 11

手机厂商: 小米

手机机型: Redmi K30 Ultra

页面类型: nvue

打包方式: 云端

项目创建方式: HBuilderX

操作步骤:

下载附件,运行到手机上

预期结果:

图片与同行文字垂直居中对齐,文字背景显示

实际结果:

图片偏上,文字居中,文字背景未显示

bug描述:

rict-text组件 img与span元素混排 img设置vertical-align:middle; 无法与同行文字垂直居中对齐
浏览器中显示正常,但是在nvue页面中背景颜色与垂直居中都无效
这里是我用普通网页展示的效果:https://codepen.io/yatoku/pen/wveeqow

2021-09-15 10:12 负责人:无 分享
已邀请:
DCloud_UNI_LXH

DCloud_UNI_LXH

请使用flex布局试试

  • yato (作者)

    好的 我这边试试

    2021-09-22 11:21

  • yato (作者)

    可是设置成flex的话 文本就不能混排了。

    2021-09-22 11:22

  • 2***@qq.com

    回复 yato: 你好,请问,这个问题你找到解决方法了么?

    2022-02-15 10:45

该问题目前已经被锁定, 无法添加新回复