多个<text>组件组合后显示位置有错误
发布于 6 年前 作者 haojun 12395 次浏览 来自 问答

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,找不到解决方案,官方能来解释一下原因吗?

回到顶部