收藏
回答

swiper嵌套scroll-view元素居中失效

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 Bug scroll-view 工具 6.5.3 2.4.0

请教一个问题,我发现swiper嵌套scroll-view后,scroll-view中的元素水平居中会失效,页面节点如下:

<swiper class='xx'>

    <swiper-item>

        <scroll-view scroll-y class='xx_view'>

            <view></view>

            ...

            <view></view>


'xx_view'样式文件中已设置水平居中

.xx_view {

    display: flex;

    width: 100%;

    height: 100%;

    flex-direction: column;

    align-items: center;

}

无论是align-content: center还是align-items: center均不起作用,改用view标签则正常。

接触小程序不久,不知道是不是我书写问题,希望大家不吝赐教,谢谢!



最后一次编辑于  2018-11-16
回答关注问题邀请回答
收藏

1 个回答

  • 敖梓坚
    敖梓坚
    2018-11-16

    问题解决,需要再用一个外层<view>包裹<scroll-view>中的<view>列表,并且这个外层的<view>不能设置高度

    2018-11-16
    赞同
    回复