// .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 上绝对定位的元素就不受弹性盒子的居中控制了。所以,“文字”会正常靠右显示,但是会顶贴者盒子的顶端。最后不得已我只好换 相对定位来写。
这个我也遇到了,但时可以通过下面这几个属性解决居中。
height: 70rpx;
position: absolute;
top: 50%;
margin-top: -35rpx;
不过我遇到的一个新问题是,ios界面整体右移20rpx,不知道什么原因