收藏
回答

小程序 cover-view 设置 align-items 无效

问题模块
API和组件

微信版本:6.5.16.1120

基础库版本:1.6.3(2017.10.20 15:03:22)


cover-view 设置父元素 align-items 无效,设置子元素 align-self 有效。

最后一次编辑于  2017-10-25  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

6 个回答

  • 黄思程
    黄思程
    2017-10-25

    你好,请提供一下能复现问题的简单代码示例。

    2017-10-25
    赞同
    回复
  • M&S
    M&S
    2017-10-26

    可复现代码:

    <map>
      <cover-view class="outer">
        <cover-view class="inner"></cover-view
      </cover-view>
    </map>
    page {
      height: 100%;
    }
     
    map {
      width: 100%;
      height: 100%;
    }
     
    .outer {
      height: 300rpx;
      background: #000;
      position: absolute;
      bottom: 20rpx;
      left: 20rpx;
      right: 20rpx;
      display: flex;
      justify-content: center;
      align-items: center;
    }
     
    .inner {
      width: 100%;
      height: 150rpx;
      background: #fff;
    }


    期望效果:


    实际效果:


    2017-10-26
    赞同
    回复
  • 黄思程
    黄思程
    2017-10-27

    你好,问题已复现,我们会尽快进行修复。

    2017-10-27
    赞同
    回复
  • Vince
    Vince
    2017-11-04

    cover-view很多css3属性不支持,楼上大哥你们要抓点紧啊

    2017-11-04
    赞同
    回复
  • 黄思程
    黄思程
    2017-11-07

    能否列举一下哪些css3不支持的呢?

    2017-11-07
    赞同
    回复
  • Lyber
    Lyber
    2018-05-17

    快一年了大兄弟,cover-view的问题还没解决,设置border无效,align-items无效,请问到底重不重视开发者的体验?

    2018-05-17
    赞同
    回复