收藏
回答

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

框架类型 问题类型 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标签则正常。

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



回答关注问题邀请回答
收藏

1 个回答

  • 木辛
    木辛
    2018-11-16

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

    2018-11-16
    有用
    回复 1
    • Q1an
      Q1an
      2020-06-24
      外层用view包裹之后scroll-view在真机上划动不了遇到过么
      2020-06-24
      回复
登录 后发表内容