小程序 cover-view 设置 align-items 无效
发布于 7 年前 作者 cmo 18350 次浏览 来自 问答

微信版本：6.5.16.1120

基础库版本：1.6.3（2017.10.20 15:03:22）

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

7 回复

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

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

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

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

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

2019-10-28日   cover-view标签还是不支持align-items

可复现代码：

<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;
}

期望效果：

实际效果：

回到顶部