CSS对齐弹性布局中左右对齐

CSS对齐弹性布局中左右对齐

<view class='li'>
  <view>产品名称</view>
  <view>猪肉</view>
</view>

.li {
  display: flex;
  /* 在弹性盒对象的 <div> 元素中的各项周围留有空白 */
  justify-content: space-between;
}

结果：

关于position定位：
设置了position之后才有left，right

position:relation;   /* 绝对定位*/
top：10px；
left：10px；