收藏
回答

多个<text>组件组合后显示位置有错误

问题模块 框架类型 问题类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
API和组件 小程序 Bug text 客户端 6.5 2.1.1

WMXL:

<scroll-view scroll-x scroll-y style="height:100%;width:100%;">

    <view wx:for="{{list}}"    style="border:1px solid red;   height:20px; line-height:20px;">

        <text  style="display:inline-block; height:20px;">

            {{item}}

        </text>

    </view>

</scroll-view>


JS:

Page({

    data: {

        list:[

            "测试文本行1",

            "测试问本行2"

        ]

    }

})


显示:



错误说明:


页面由两行<view>组成,每一个<view>又包含一个<text>负责显示文本。


每一行的<view>我特地用了红色border,按理说,第一行数据“测试文本1”应该显示在第一行的红框内,但却显示在了第二行。


调试查元素信息,第一个红框又确实是第一个<view>组件。经过测试,和<scroll-view>或其它组件无关,就是<text>的问题。


完全无厘头的bug,找不到解决方案,官方能来解释一下原因吗?


最后一次编辑于  2018-07-01  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答