小程序view在一排上文字靠左、靠右对齐

wxml:

<view class="list-title">

<view  class="left">商品信息</view>

<view   class="right">2018.10.13 04:11:03</view>

</view>

wxss:

//先让子view横排

list-title{

  display: flex;

flex-flow:row;

}

.list-title view{

width:50%;

display:inline-block;

}

.right{

text-align:right;

padding-right:30rpx;

}

上面是2017年写的，实在抱歉，写法不是很合理，虽然当时效果也能做出来了，当时只有一点点html+css经验，小程序还不知道是个啥。

2020.09.03修订

只需要这样写就行：

.list-title {

padding: 10px;

display: flex;

justify-content: space-between;

}

本来早就想来修订了，但就是懒，忙着搬砖，但看到这个文章有一万的浏览量，又看到有评论有反对的声音，当时我是觉得，理解理解，你们应该能看出问题来。但但但实在是受良心谴责之苦吧，我还是来修订一下。

 

 

接受批评接受批评，对于之前看到这个文章的人，说声抱歉，没有求知求真求完美的精神。

 

原文链接：http://www.taoxtao.cn/archives/538