收藏
回答

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

// .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 上绝对定位的元素就不受弹性盒子的居中控制了。所以,“文字”会正常靠右显示,但是会顶贴者盒子的顶端。最后不得已我只好换 相对定位来写。

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

1 个回答

  • Mason
    Mason
    2017-09-08

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

    height: 70rpx;

    position: absolute;

    top: 50%;

    margin-top: -35rpx;

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

    2017-09-08
    有用
    回复
登录 后发表内容