.icon3{

display: flex;

align-items: center;

justify-content: center;  

width: 100px;

height: 100px;

/* margin-left: -8%; */

margin-top: 150rpx;

border-radius: 500px;

float: left;

}

.shuxian{

width: 8px;

height: 200px;

float: left;

margin-left: 40rpx;

margin-top: 40rpx;

}

.ziti1{

color: black;

font-size: large;

margin-left: 30rpx;

margin-top: 20rpx;

float: left;

}

<view>

<image class=‘shuxian’ src=’…/images/shuxian.png’></image>

<text class=‘ziti1’>上班时间 8：30</text>

<button type=‘primary’ class=‘icon3’>上班打卡8:30</button>

</view>

这是代码，想实现“上班打卡”这个按钮水平居中，但是一直没有效果