微信小程序中justify-content: flex-end 失效

不正确的效果是这样的：

页面wxml代码如下：

      

        ........省略部分代码......
        ........省略部分代码......
        ........省略部分代码......

        
          删除订单
          取消订单
          付款
        
      

    

wxss代码如下：

.productBtn {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-bottom: 25rpx;
  margin-top: 30rpx;
  justify-content: flex-end;
  padding: 0;
  height: 70rpx;
}

问题：无论怎么设置 justify-content都不起作用，三个按钮都是均匀分布。

解决方法，修改wxml代码，给每个button外边套一层view：

      
        
        ..........省略部分代码..........
        ..........省略部分代码..........
        ..........省略部分代码..........

        
          
            删除订单
          
          
            取消订单
          
          
            付款
          
        
      

修改后效果如下：