WXML:
<view class='task-box'>
<view class='checkbutton'>参与讨论</view>
</view>
CSS:
父元素
.task-box{
width: 690rpx;
height: 70rpx;
display: flex;
position: relative;/*父元素位置要设置为相对*/
}
子元素
.task-box .checkbotton{
position: absolute; /* 要约束所在位置的子元素的位置要设置成绝对 */
right: 0; /* 靠右调节 */
width: 120rpx;
height: 70rpx;
}
.task-box .checkbotton{
position: absolute;/*要约束所在位置的子元素的位置要设置成绝对*/
left: 0;/* 调节靠左 */
width: 120rpx;
height: 70rpx;
}
.task-box .checkbotton{
width: 120rpx;
height: 70rpx;
display: flex;
margin-left: auto; /* 块元素居中 */
margin-right: auto;
}