收藏
回答

在scroll-view中使用flex布局开发工具中不生效,真机正常显示

框架类型 问题类型 操作系统 工具版本
小程序 Bug Windows v1.02.1910120

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++", "大学英语", "中国近现代史", "线性代数", "离散数学", "大学物理"
    ]

微信开发者工具表现:

手机端表现:

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

最后一次编辑于  2020-04-13
回答关注问题邀请回答
收藏

1 个回答

  • 俞哄哄💻📷🤘🚴🎧
    俞哄哄💻📷🤘🚴🎧
    2020-04-13

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

    2020-04-13
    有用
    回复 3
    • Derek
      Derek
      2020-04-13
      不可以的,你可以试一下
      2020-04-13
      回复
    • 俞哄哄💻📷🤘🚴🎧
      俞哄哄💻📷🤘🚴🎧
      2020-04-14回复Derek
      你可以这样试下
      2020-04-14
      回复
    • Derek
      Derek
      2020-04-14
      你好,是这样的,让元素居中我是有好多办法的,我意思是,使用flex布局本应正常显示的,但是却没有,我是想知道这一点
      2020-04-14
      回复
登录 后发表内容
问题标签