WXOPEN Club

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

发布于 8 年前作者 cmo18454 次浏览最后编辑 8 年前来自 ask

微信版本：6.5.16.1120

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

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

7 回复
yongzhu
yongzhu1 楼6 年前

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

wliang
wliang2 楼6 年前

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

bzhu
bzhu3 楼6 年前

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

xqiao
xqiao4 楼6 年前

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

mhu
mhu5 楼6 年前

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

xiayao
xiayao6 楼6 年前

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

vcai
vcai7 楼6 年前

可复现代码：

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

期望效果：

实际效果：