wxss:
.container-two{
float: right;
display: flex;
flex-direction: column;
flex-wrap: row;
justify-content: center;
}
.ziti{
width: 100px;
font-size: 16px;
text-align: center;
margin-left: 20px;
}
.container-3{
float: right;
display: flex;
flex-direction: column;
flex-wrap: row;
justify-content: center;
}
wxml:
<view class="container-personal">
<view>
<image class='xiangdui' src="../images/login.png">
<image class='juedui' src="../images/name.png"></image>
</image>
</view>
<view class='container-two'>
<view>
<image class='qingjia' src="../images/qingjia.jpg"></image>
</view>
<view class='ziti'>
我的请假
</view>
</view>
<view class='container-3'>
<view>
<image class='kaoqin' src="../images/kaoqin.jpg"></image>
</view>
<view class='ziti'>
我的考勤
</view>
</view>
display:flex 和float不可以同时使用吧
是的,已经改过来了,多谢
你这里是什么鬼
这里是其他的,不小心截多了。。。。
截图你想要的效果。。
找到原因了,是整体布局里display: flex这个属性影响了,so。。。。现在在 看这个