swiper嵌套scroll-view元素居中失效
发布于 6 年前 作者 xiulan62 2914 次浏览 来自 问答

请教一个问题,我发现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 回复

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

回到顶部