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