收藏
回答

绝对定位样式不受父级的弹性盒子控制(仅iphone上)

问题模块
API和组件

// .wxml

<view class="flexBox">

<text  class="absolute">文字<text>

</view>


// .wxss

.flexBox{

display:flex;

flex-direction:row;

align-items:center;

}


.absolute{

position:absolute;

right:30rpx;

}


如果像上面这样写的话,目标是想让  “文字”   靠右侧垂直居中(在盒子内),这在 安卓和模拟器上都可以正常显示,但是在 IOS 上绝对定位的元素就不受弹性盒子的居中控制了。所以,“文字”会正常靠右显示,但是会顶贴者盒子的顶端。最后不得已我只好换 相对定位来写。

最后一次编辑于  2017-06-07  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏关注问题回答

1 个回答

  • Mason-雷
    Mason-雷
    2017-09-08

    这个我也遇到了,但时可以通过下面这几个属性解决居中。

    height: 70rpx;

    position: absolute;

    top: 50%;

    margin-top: -35rpx;

    不过我遇到的一个新问题是,ios界面整体右移20rpx,不知道什么原因

    2017-09-08
    赞同
    回复