收藏
回答

IOS与安卓 容器flex布局下,子元素absolute定位显示不一样

框架类型 问题类型 操作系统 操作系统版本 手机型号 微信版本
小程序 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上子元素不居中

在安卓和开发工具上子元素却居中


回答关注问题邀请回答
收藏

1 个回答

  • 2018-10-20

    都absolute了,居中才是不正常的

    2018-10-20
    有用
    回复 6
    • 2018-10-20

      可是安卓就会居中啊。所以我把样式改变后,IOS居中了,安卓又不居中了

      2018-10-20
      回复
    • 2018-10-20回复

      不是,你为什么要用绝对定位?绝对定位本来就应该脱离文档流的

      2018-10-20
      回复
    • 2018-10-20回复

      因为我要把一个图片放在父容器顶部居中且超出顶部30px的地方

      2018-10-20
      回复
    • 2018-10-20回复

      position:absolute;

      top:-30rpx;

      left: 50%;

      tranform:translateX(-50%);

      2018-10-20
      回复
    • 2018-10-20回复

      对呀,这么写IOS是会居中,可是安卓又会跑偏,在父容器是flex布局下。

      2018-10-20
      回复
    查看更多(1)
登录 后发表内容