问题模块 框架类型 问题类型 操作系统 操作系统版本 手机型号 微信版本
客户端 微信小程序 Bug iOS 10.0.2 iphone6 6.7.3
父容器
display: flex;
flex-direction:row;
justify-content:center;
align-items: center;
position: relative;
width: 80px;
height: 80px;
子元素
position: absolute;
width: 20px;
height: 20px;
在IOS上子元素不居中
在安卓和开发工具上子元素却居中
微信小程序开发问题解答
微信小程序开发者回答:
都absolute了,居中才是不正常的
微信小程序开发者回答:
可是安卓就会居中啊。所以我把样式改变后,IOS居中了,安卓又不居中了
微信小程序开发者回答:
不是,你为什么要用绝对定位?绝对定位本来就应该脱离文档流的
微信小程序开发者回答:
因为我要把一个图片放在父容器顶部居中且超出顶部30px的地方
微信小程序开发者回答:
position:absolute;
top:-30rpx;
left: 50%;
tranform:translateX(-50%);
微信小程序开发者回答:
对呀,这么写IOS是会居中,可是安卓又会跑偏,在父容器是flex布局下。
本文网址:http://www.91bianli.com/weixinxiaochengxu/33463.html