[微信小程序]如何实现一个item居中,另一个右对齐 [看的我一脸懵,都开始怀疑我的智商了。]

- 需求的场景描述(希望解决的问题)

如何实现在一行里,一个view放在中间显示,另一个view右对齐显示


尝试过设置这一行contain 的style为flex row,justify-content:center,然后 右对齐的view 的style 为justify-self:flex-end

不知道为什么没有成功

- 希望提供的能力


  • <view class='warpper'> <view class="view1 item"> </view> <view class="view2 item"> </view> </view> .warpper .item { display: inline-block; width: 100rpx; height: 100rpx; background: #ccc; } .warpper { position: relative; text-align: center; } .warpper .view2 { position: absolute; top: 0; right: 0; } 不知道是不是你所需要的 , 说的貌似很有深意,你能一条一条说么?
    • 感谢, relative+absolute是正解, 还真不是我
  • <view class='container'>   <view class='view1'>         <view>中间的view</view>   </view>   <view class='view2'>         <view>右边的view</view>    </view> </view> 父元素container,position:relative 子元素view1、view2 position:absolute 中间的view相对于view1居中,右边的view相对于view2右对齐 , 说的貌似很有深意,你能一条一条说么?
    • 好人 relative+absolute是正解, 一看我就知道是好人啦。这是肯定的嘛
  • 绝对定位, 定位中,正在搜索附近位置