起风网微信小程序 view中 图片靠右对齐,小程序 view居右显示,小程序字体左对齐,小程序 flex 右对齐,</view>排成一排,小程序靠右,view标签右对齐,小程序 view 靠左显示,小程序 view 子组件左对齐,view标签内容靠右对齐,小程序标签右对齐,小程序 靠右,小程序view flex靠右,小程序view里的字左对齐,wxml靠右,小程序 text 左对齐,小程序view左对齐,小程序 view 在外层view 靠左显示,小程序 view 文本居右,微信小程序inline-block文字如何居右
wxml:
<view class=”list-title”>
<view class=”left”>商品信息</view>
<view class=”right”>2018.10.13 04:11:03</view>
</view>
2017年的写法，那时不懂小程序，还用传统css的方法写的。
wxss:
//先让子view横排
list-title{
display: flex;
flex-flow:row;
}
.list-title view{
width:50%;
display:inline-block;
}
.right{
text-align:right;
padding-right:30rpx;
}
2020.09月修订
因为看到很多朋友查看这个，又因为最近又重新写程序，所以重新看了一下之前写的，发现之前的写的方法不太得当，所以重新写了一下。
wxml：
<view class=”list-title”>
<view class=”left”>商品信息</view>
<view class=”right”>2018.10.13 04:11:03</view>
</view>
wxss
.list-title {
padding:10px;
display:flex; /*让view横排显示*/
justify-content:space-between;/*两端对齐*/
align-items:center; *让view里的内容垂直居中*/
}
有不对的地方可以在下面留言指出，当然也可以点个赞哦
个人承接微信百度小程序php网站定制开发功能修改系统源码服务器搭建运维部署
评论前必须登录！
立即登录