在scroll-view中使用flex布局开发工具中不生效,真机正常显示
发布于 6 年前 作者 mingkong 7386 次浏览 来自 官方Issues

wxml:

<scroll-view class="up" scroll-x="true" enable-flex="true"> 
  <view class="up-each" wx:for="{{type}}">{{item}}</view>
</scroll-view>

wxss:

.up{ height: 120rpx; 
     padding: 20rpx; 
     background-color: #f2f2f2; 
     display: flex; 
     align-items: center;
     font-size: 30rpx; 
     white-space: nowrap;
}

wxjs:

type: [
      "国学语文", "c++", "大学英语", "中国近现代史", "线性代数", "离散数学", "大学物理"
    ]

微信开发者工具表现:

手机端表现:

希望你们能解答一下,谢谢

1 回复

你把up中的display:flex去除就可以垂直居中了,可能和你的enable-flex冲突了

回到顶部