本文详细介绍了如何使用Flex布局在WXML中实现文本与图标水平并排显示的效果，通过具体代码示例，展示了如何设置.my-td类的样式属性，如display、align-items等，以达到预期的布局效果。
直接上例子
<view class="my-td" bindtap='changeToAddr' style="margin-top:50rpx" bindtap='toMyAddr'>
<text>我的地址</text>
<image src="../Images/right_point.png" mode='widthFix'></image>
</view>
text在左，image在右，则css样式为
.my-td{
display:flex;align-items:center;width:90%;height:130rpx;margin-left:5%;
}
.my-td image{
width:15rpx;margin-left: auto;
}
.my-td text{
font-size:28rpx;color:#505050;font-weight:Bold;font-family:PingFang-SC-Bold;
}
最关键的就一个语句：margin-left: auto;
扫一扫
403
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
